2017-12-27 85 views
0

이 페이지의 스크롤/팔로우 메뉴 인 http://www.pablitogreco.com/xtango/#x을 테스트합니다. 메뉴는 모달 창 안에 있습니다. 유래에서 수많은 사례를 공부 한 후이 가까이 온 하나입니다CSS 및 자바 스크립트를 사용하여 스크롤/팔로우하는 방법은 무엇입니까?

http://jsfiddle.net/c0pnrvc6/

그러나 가 스크롤 몇 가지 결함 있고, 내가 많이 놓치고 생각합니다. 도울 수 있니?

HTML을

<div class=scroller>Xtango</div> 

CSS

.scroller { 
position: relative; 
top: 0px; 
width: 100%; 
background-color: rgba(255, 255, 255, 0.68); 
z-index: 1} 

자바 스크립트

$(window).scroll(function() { 
if ($(window).scrollTop() > 0) { 
$('.scroller').css('top', $(window).scrollTop()); } }); 

답변

0

사용 -1 0 대신

$(window).scroll(function() { 
    if ($(window).scrollTop() > -1) { 
    $('.scroller').css('top', $(window).scrollTop()); 
    } 
}); 
+0

그 actua의 시도 lly 트릭을했다. 고맙습니다! – NickDimou

+0

팀 작업으로 꿈이 실현되었습니다! –