2013-04-17 1 views
3

경우 :이 실행하는 방법을 알아 내야스크립트 실행 화면 크기가 <code>600px</code> 넘어 사용자가 스크롤을 다음과 같이하면 <code>div id="homesplash"</code> 사라지게 내 페이지에서 스크립트를 실행 해요보다가 1024px

 
$(window).scroll(function() { 

    if ($(this).scrollTop()>600) 
    { 
     $('#homesplash').hide(); 
    } 
    else 
    { 
     $('#homesplash').show(); 
    } 
}); 

브라우저 너비가 1024px보다 큰 경우에만 스크립트를 실행하십시오. 어떤 아이디어?
여기에있는 관련 게시물에서 일부 코드를 구현하려고 시도했지만 자바 스크립트 작성에 익숙하지 않아 작동하지 않습니다.
감사합니다.

답변

6

$(window).width()을 확인하고 1024과 비교해보십시오. 같은 뭔가 : 현재 코드 작업

$(window).scroll(function() { 
    if ($(this).width() > 1024) { 
     $("#homesplash").toggle($(this).scrollTop() <= 600); 
    } 
}); 
+0

비전을, 나는 당신이 제시 한와 이전의 스크립트를 교체 해야하는 건가요? 스크립트에서 "숨기기"또는 "표시"기능이 보이지 않습니다 ... – scmccarthy22

+1

@ user820114 예, 대신 '토글'을 사용할 수 있습니다 : http://api.jquery.com/toggle/ . – VisioN

+0

완벽하게 작동합니다 - 감사 VisioN – scmccarthy22

2

, 당신은 폭 얻을 $(window).width()을 사용할 수

$(window).scroll(function() { 

    var windowWidth = $(window).width(); 

    if (windowWidth > 1024) { 
    if ($(this).scrollTop() > 600) { 
     $('#homesplash').hide(); 
    } 
    else { 
     $('#homesplash').show(); 
    } 
    } 

}); 
+0

아름다운 - 완벽하게 작동합니다, chrx. 고마워요! – scmccarthy22