我正在使用iScroll 4并阻止默认窗口滚动发生。通过执行此操作,每次滚动时都会显示导航栏,这是因为它依赖于窗口滚动来相应地显示或隐藏它,您可以通过执行以下操作来隐藏它:
window.scrollTo(0, 1);
我认为反过来我可以回到导航网址栏,但这不会发生。我们假设导航栏是height = 70
window.scrollTo(0, 70);
我正试图找出发生这种情况的原因。为什么我不能恢复我最初做的事情?我想依赖iscroll的事件onScrollMove并相应地显示或隐藏导航栏(或接近原生方式):
iscrollInstance.onScrollMove: function(){
// var y = iscrollInstance.y;
// window.scrollTo(0, y); if y let's say is >= 0 and <= 70
}
这可能有助于了解正在发生的事情:
<div class="container">
<div class="nav"></div>
<div class="iscroll"></div>
</div>
当文档准备就绪时,有一个hack基本上使得iscroll高度更大并且容器更大,因此当执行window.scrollTo(0,1)时,导航栏不可见。请记住,正在阻止默认的默认滚动,并且iscroll仅适用于它自己的容器。
我想提一下整页不是只滚动“.iscroll”元素,假设容器是100%,导航是20%,iscroll是80%< / p>
任何建议都表示赞赏!
谢谢!