2016-09-22 2 views
0

현재 - 특정 섹션이 스크롤 된 후 천천히 사라지는 끈적 거리는 탐색 모음이 있습니다.끈적 끈적한 탐색 모음 - 모바일에 표시되지만 바탕 화면에 달라 붙음

var $logo = jQuery('#teavanaheader-sticky-wrapper'); 
jQuery(document).scroll(function() { 
    if(jQuery(this).scrollTop()> 250) { 
     //alert("scop"); 
     jQuery('#teavanaheader-sticky-wrapper').fadeIn("slow"); 
    }else { 
     jQuery('#teavanaheader-sticky-wrapper').slideUp(); 
    } 

}); 

사용자가 휴대 기기를 사용 중일 때 어떻게 나타나게 할 수 있습니까? 그래서 데스크톱에서 그것은 지금처럼 어떻게 천천히 사라질 것인가? 그러나 모바일 크기에서 바로 나타납니다?

답변

0

이 JS를 사용하십시오. 그것을 액세스 전화, 정제 등의 경우

https://github.com/kaimallea/isMobile

isMobile를 검출한다. 이제 사실에, 그냥 페이드 그나마

SAMPLE

<script> 
if (isMobile.apple.phone || isMobile.android.phone || isMobile.seven_inch) 
{ 
    //Just appear 
} 
else 
{ 
    //Fade in, etc 
} 
</script> 
+0

내가이 일을 시도했지만 작동하지 않았다. \t \t (isMobile.apple.phone || isMobile.android.phone 경우 || isMobile.seven_inch) \t \t \t { \t \t \t jQuery를 ('# teavanaheader 끈적-래퍼') 쇼().; 다른 \t \t \t \t \t {} \t \t \t \t \t \t \t \t \t jQuery를 (문서) .scroll (함수() { \t \t \t \t \t (jQuery를 (이) .scrollTop()> 250하다면) \t \t \t \t \t {// alert ("scop"); \t \t \t \t // $ logo.css ({display : $ (this)) .scrollTop()> 100? "block": "none"})); \t \t \t \t \t jQuery ('# teavanaheader-sticky-wrapper') .fadeIn ("slow"); \t \t \t \t \t} 다른 { \t \t \t \t \t \t jQuery를 ('#의 teavanaheader 끈적-래퍼') slideUp().; \t \t \t \t \t} \t \t \t \t}); \t \t \t} –

+0

f12로 설정하고 구성을 확인할 수 있습니까? js 파일을 넣었는지 확인하는 것뿐입니다. 가져 오지 않았을 수 있습니다. –

+0

가져 왔습니다. 그러나 나타나지만 사라졌습니다. (내 탐색 용으로 별도의 js가 있습니다 - http://54.169.61.153/js/teavana/navigation.js) 거기에 아무 것도 없으면 함수를 덮어 씁니다. –

관련 문제