Tag: scroll

在滚动时使用ajax加载内容: 我正在使用jQuery Tools Plugin作为图像滑块（此处为图像），但由于图像数量较多，我需要一次加载少量图像。因为它是javascript编码的，所以我不知道滚动位置。我想在最后一张图片出现时加载它们或类似的东西。我不知道我放在哪里和事件监听器也没有。这是我的代码http://jsfiddle.net/PxGTJ/ 请给我一些亮点！

如何一次滚动绘制每个SVG路径（按时间顺序）？: 这与此前的post有关。但是，我认为这是一项重大任务。所以我把它分解成更小的块。我制作了一个简单的SVG图像，其中包含一个“路径”和一个“矩形”元素。用户可以通过向上和向下滚动页面来打开和关闭窗口（向下滚动页面以打开和关闭页面以关闭/“展开”。但是，两个元素同时“绘制”/动画。我想要做的是当用户向下滚动页面，线条路径绘制，然后“rect”元素绘制（后），所以它更流畅和按时间顺序。 the single line svg { position: fixed; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: 50%; } /*.line{ stroke-dashoffset:850; stroke-dasharray: 850; } .box { stroke-dashoffset:1852; stroke-dasharray: 1852; }*/ .all{ stroke-dashoffset:2702; stroke-dasharray: 2702; } .straightLine { height: 3000px; position: relative; width: 360px; margin: 40vh auto 0 auto; } […]

使用jQuery / Javascript向上或向下滚动整页高度: 我目前正在开发一个网站，在滚动function方面需要类似的东西： http ： //www.apple.com/iphone-5s/ 在提出这个问题的过程中，我上传了一部分网站 – http://www.bnacademy.com.au/ 我仔细查看了该网站的（苹果）代码，当然，正如我应该怀疑的那样，它是空的。我正在寻找一种方法可以滚动浏览整页div（带有背景图像），滚动到下一个div就可以通过鼠标进行单个向上/向下滚动。我已经处理了动态的全页div，我几乎甚至没有滚动function，但它只是没有按照我的预期工作，我已经花了几天时间。 HTML： CSS： .homesPosition { top: 100%; } .splashPage { background: black; z-index: -200; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #containerHomes { z-index: -200; width: 100%; height: 100%; position: absolute; left: 0; background:url(../img/background-placeholder.jpg) no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: […]

jQuery跨浏览器“滚动到顶部”，带有动画: 现在我正在使用这个： $(‘#go-to-top’).each(function(){ $(this).click(function(){ $(‘html’).animate({ scrollTop: 0 }, ‘slow’); return true; }); }); 这在Chrome中不起作用，在Opera中我得到一个小闪烁：浏览器立即滚动到顶部，然后回到底部，然后它开始慢慢地滚动到顶部，就像它应该的那样。有一个更好的方法吗？

如何使用指针事件仅响应滚动事件？: 是否可以将指针事件设置为仅对触摸板上的滚动或拖动作出反应？我有一个div’在路上’来滚动复杂的html排列*我想知道我是否可以限制指针事件只对滚动/鼠标滚轮动作作出反应。我有兴趣知道我是否正确理解这一点。如果pointer-events:none; 意味着所有事件都无效，我如何杀死所有事件但保留一个活动？我已经设置了一个比它适合的框大的HTML区域，但是如果我要显示滚动条，由于弹出（position：top）元素，它看起来会比应该更高。这个区域仍然需要滚动才能实现这一点我已经使用jQuery使我的’框滚动’跟随div中的一个不可见的div：脚本 $(‘#scrollcontrol’).scroll(function({ $(‘#rangetable’).css({ ‘top’:$(‘#catscrollpos’).position().top+’px’ }); });

jQuery或Javascript – 如何禁用没有溢出的窗口滚动：隐藏;: 嗨，可以禁用窗口滚动而不使用overflow:hidden; 当我徘徊一个元素？我试过： $(‘.chat-content’).on(‘mouseenter’,function(){ $(document).scroll(function(e){ if(!$(e).hasClass(‘.chat-content’)) e.stopPropagation(); e.preventDefault(); }); }); 我的意思是，我想留下可见的滚动条，但当我滚出元素我用鼠标结束时，窗口不会滚动，而我已经结束的元素可以滚动所以禁用滚动身体，但不禁用元素我没有使用CSS 这是我做的另一个尝试： http ： //jsfiddle.net/SHwGL/

使用jQuery同步滚动？: 我正在尝试使用以下代码实现两个DIV同步滚动。 DEMO $(document).ready(function() { $(“#div1”).scroll(function () { $(“#div2”).scrollTop($(“#div1”).scrollTop()); }); $(“#div2”).scroll(function () { $(“#div1”).scrollTop($(“#div2”).scrollTop()); }); }); #div1和#div2具有相同的内容但是大小不同 #div1 { height : 800px; width: 600px; } #div1 { height : 400px; width: 200px; } 使用此代码，我面临两个问题。 1）滚动没有很好地同步，因为div具有不同的大小。我知道，这是因为，我直接设置了scrollTop值。我需要找到滚动内容的百分比，并为另一个div计算相应的scrollTop值。我不确定，如何找到实际高度和当前滚动位置。 2）此问题仅在firefox找到。在Firefox中，滚动不像其他浏览器那样流畅。我认为这是因为上面的代码创建了一个无限循环的滚动事件。我不确定，为什么这只发生在firefox上。有没有办法找到滚动事件的来源，以便我可以解决这个问题。任何帮助将不胜感激。