我想我已经接近了,但我在尝试完成这件事时遇到了麻烦。基本上,当您向下滚动到每个图像时,包含该图像距窗口顶部的偏移量(-500作为缓冲区)的div会向左侧的列表元素添加一个.selected类。
就是我的例子
这是基本上神奇发生的代码(某种程度上):
$(window).bind('scroll', function() {
// What the current px is from vertical scroll
var scrollY = window.pageYOffset;
// They scrolled
我正在尝试找出是否有像fullpage.js一样的滚动页面的解决方案。一页一页地滚动网站,上下滚动。
这与fullpage.js不同,因为它将页面滑动到不同的div,但我需要它在单个div中移动。
下面是我尝试过的代码:
<div> a very long text here..... </div>
Window.onscroll = function() {test()};
Function test(){ window.scrollby(0, 300) };
上面的代码只是向下滚动,它不会停止。它会一直向下滚动,直到页面底部。
那么,怎么做呢?
我有可滚动的列表,只想通过悬停显示滚动条,但我也想通过在移动浏览器(iOS,Android)上的列表上第一次触摸滚动--比如list总是有overflow-y: auto。我尝试使用以下代码():
HTML:
<ul class="list js-list">
<li>Test Test Test Test Test Test Test Test Test</li>
...
<li>Test Test Test Test Test Test Test Test Test</li>
</ul
我和我的团队正在开发一个不滚动的带有固定标题的web应用程序。
为了处理iOS上的超滚动,我们需要检测到负方向的滚动,并将固定的页眉重新定位为静态的,使其与页面的其余部分一起滚动。
我们通过将jQuery滚动处理程序绑定到window来实现这一点。
$(window).scroll(function() {
if ($(window).scrollTop() < 0) {
// position static header postioning in order
// let the header behave correctly when ove