2013-11-05 1 views
0

저는이 끈적한 코드가 제 div에서 작동하고 있습니다. 데스크탑에서만 작동하는 것이 가능한지 궁금합니다 ... 모바일이나 태블릿에서 끈적 거리지 않기를 바랍니다. 등 기본적데스크톱 버전에서만 끈적한 작업을 수행하십시오.

var $window = $(window), 
    $stickyEl = $('#single_text'), 
    elTop = $stickyEl.offset().top; 

$window.scroll(function() { 
    $stickyEl.toggleClass('sticky', $window.scrollTop() > elTop); 
}); 
+0

http://modernizr.com – Blazemonger

+0

@Blazemonger 난 몰라 mobileizr이 사이트가 모바일/태블릿인지 여부를 알려줍니다. – matthewpavkov

+0

아니요, 스마트 폰/태블릿을 사용하고 있는지 여부를 알 수있는 100 % 신뢰할 수있는 방법은 없습니다. 그 이유는 정의가 흐려지고 있기 때문입니다. Microsoft Surface는 어떤 것으로 생각하십니까? 대신, 어떤 기능 *이 중요한지 (터치 스크린, 작은 화면, Adobe Flash 등) 고려해야하며 대신 그 기능을 감지해야합니다. 휴대 기기/태블릿 기기로 간주되는 것을 정의하지 않았기 때문에 질문에 답변 할 수 없습니다. – Blazemonger

답변

0

논리 자체는 단순하지만, 모바일/태블릿 장치의 정확한 검출 장치, 화면 크기, 사용자 에이전트 모두 주어진 종류의 복잡한 요즘 할 것이다 모바일/태블릿 여부를 테스트하거나 변수에 설정 (true/false) 한 다음 모바일이 아닌 JavaScript를 실행해야합니다.

var isMobile = false; 
if(mobileDetection == true) { // mobileDetection is the missing piece 
    isMobile = true; 
} 

if(!isMobile) { 
    // execute desktop-only JS 
} 

나는이 재료 위에 읽는 게 좋을 것 :