Tag: 滚动

身上的Mousedown并向上或向下拖动页面，就像在pdf上一样

如何制作它以便我可以在页面上的主体上进行mousedown，然后向上或向下拖动页面，就像在PDF中一样？ 基本上我希望能够上下拖动整个页面，任何想法如何做到这一点？ 我不想使用jQuery UI做任何事情。

滚动div而不是页面

我在一个正在处理的网站上有一个灯箱，它的行为类似于“查看源”按钮。 背景变暗并显示源，但只有在鼠标hover在特定div时才会滚动（或者在此情况下为pre ）。 我想能够，例如，让我的鼠标在页面的顶角，向下滚动，我希望主灯箱滚动。 有很多代码所以我用过： overflow-x: hidden; overflow-y: scroll; 我确定它需要一些JavaScript或jQuery，但我不知道在哪里。 当您向下滚动并单击“查看完整代码”时，会在此页面上显示。 有任何想法吗？

如何使div停留在滚动的另一个div的底部

我有一个400px高的div，它的内容滚动到里面。 我有另一个div里面有一个图像，这个div位于这个父div的底部，使用position：absolute; 底部：0; 但是当我滚动它时会向内移动父div。 每次用户滚动父div时，我都使用jQuery将div的位置更改为底部，这可以工作，但每次div滚动时它都会跳转。 有没有办法用流畅的滚动来做到这一点？ 我希望它只是坐在父div的底部而根本不动。 谢谢

向下滚动到页面，向上滚动到顶级系统，就像在MEGA.co.nz下载页面上一样

var pagestart = 0; var currentlyat = pagestart; var lastScrollTop = 0; $(document).ready(function(){ function scrollPageTo(a){ if(a == 0){ $(‘#top’).show(); $(‘#top’).animate({ top: 0 }, 1000, function(event){ $(‘#page’).css(‘top’, $(window).height()).hide(); }); } else { $(‘#page’).hide(); $(‘#page’).animate({ top: 0 }, 1000, function(event){ $(‘#top’).css(‘top’, $(window).height()).hide(); }); } } if(pagestart == 0){ $(‘#top’).css(‘height’, $(window).height()); $(‘#page’).hide(); } else { $(‘#top’).hide(); $(‘#page’).css(‘height’, $(window).height()); […]

如何在用户滚动图像时仅加载图像

当用户向下滚动到页面足够远以实际看到它们时，许多站点似乎仅下载图像或生成文档的一部分（例如用于评论）。 这显然可以为您提供更快的加载页面，并为任何不打算向下滚动的人节省带宽。 如何完成，理想情况下使用jquery？ 或者换一种方式，如何检测到丢失的图像刚刚滚动到视图中并需要获取？

Jquery点击事件不适用于设备中的li（ipad，iphone ..）

Jquery click事件不适用于设备中的li。 我尝试使用click和touchstart事件，但使用touchstart时的问题是我无法向下滚动div。 当我尝试通过单击li向下滚动时，它会被选中。 有没有办法选择和滚动li使用任何jquery事件而不是jquery移动事件？ $(‘#liId’).on({ ‘touchstart’ : function(){ console.log(‘Event Fired’} });

滚动到时启动动画

在滚动到页面上的特定位置后，我花了一整天时间寻找一种简单的方法来启动动画。 我的css .animation { width: 50%; float: left; position: relative; -webkit-animation-name: test; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 3; -webkit-animation-fill-mode: forwards; animation-name: test; animation-duration: 4s; animation-iteration-count: 1; animation-fill-mode: forwards; } 还有我的HTML Content goes here… 我想知道当我滚动到类容器时如何使动画开始。

jQuery：将textarea滚动到给定位置

我有一个textarea，有很多很多文字： lots and lots of text goes here 我想向下滚动textarea，这样用户就可以看到第2000个字符了。 我怎么能用javasctipt / jQuery做到这一点？ $(‘#txt’).scrollToCharNo(2000); // something like this would be great 编辑（我的解决方案） 好吧，我设法让它自己工作。 我发现的唯一方法是创建一个与textarea具有相同字体和宽度的DIV，将SPAN放在所需字符附近并找到该跨度的位置。 我相信，有人可能会发现我的解决方案很有用，所以我会在这里粘贴它： jQuery.fn.scrollToText = function(search) { // getting given textarea contents var text = $(this).text(); // number of charecter we want to show var charNo = text.indexOf(search); // this SPAN will allow up […]

滚动更改标题的不透明度？

我是JQuery的新手，我确信答案是超级基本的。 但如果有人能够指出我的方向是正确的，那就太好了。 我只是希望我的标题的不透明度从0变为1，因为用户滚动超过400像素。 救命？ www.HULU.com就是一个很好的例子。 $(document).ready(function() { $(window).scroll(function() { if ($(this).scrollTop() > 400) { $(‘.header’).css(“background”, “#000”); } else { $(‘.header’).css(“background”, “transparent”); } }); });

jQuery – iPad / iPhone – 禁用后启用滚动function

我已禁用iPad上的滚动： function disableScrolling() { document.ontouchmove = function(e){ e.preventDefault(); } } 有没有办法再次启用它？ 它在以下function中特别有用： function enableScrolling() { // enable scrolling }