スクロールするときにスクロール/フォローメニューがバウンスするのはなぜですか？

Question

（1）私のスクロール/フォローメニューは、（モバイルデバイスで）上下にスクロールすると、多くの場合、がバウンスします。ユーザーエクスペリエンスを修正するには、これをどのように修正できますか？

（2）メニューがスクロール中にページの上部に表示されないようです。これを修正できますか？

私はここでそれを使用する：http://www.pablitogreco.com/book/#b

デモ：http://jsfiddle.net/c0pnrvc6/

Htmlの

<div class=scroller>Xtango</div> 

CSS

.scroller { 
position: relative; 
top: 0px; 
width: 100%; 
background-color: #fff; 
z-index: 2} 

Javascriptを

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

Answer 1

Javascriptを削除して、スクロールをposition: stickyにしてください。

Answer 2

jssを使用してjssを削除するだけです。それは働いている。

.scroller { 
position: fixed; 
top: 0px; 
width: 100%; 
background-color: #fff; 
z-index: 2 
}