Questions tagged «scroll»

滚动是指内容在显示屏上的连续滑动。

6
在页面加载时将动画滚动到ID
试图在页面加载时将滚动动画化为特定的ID。我做了很多研究,并发现了这一点: $("html, body").animate({ scrollTop: $('#title1').height() }, 1000); 但这似乎是从ID开始并动画到页面顶部? HTML(位于页面的一半)很简单: <h2 id="title1">Title here</h2>


14
滚动回到可滚动div的顶部
<div id="containerDiv"></div> #containerDiv { position: absolute; top: 0px; width: 400px; height: 100%; padding: 5px; font-size: .875em; overflow-y: scroll; } document.getElementById("containerDiv").innerHTML = variableLongText; 下次如何将滚动位置重置回容器div的顶部?
121 javascript  html  scroll 

10
检测滚动方向
因此,我正在尝试使用JavaScript on scroll调用函数。但是我想知道是否可以在不使用jQuery的情况下检测滚动方向。如果没有,那么有什么解决方法吗? 我本来只是想放一个“置顶”按钮,但我想避免这种情况。 我现在刚刚尝试使用此代码,但是没有用: if document.body.scrollTop <= 0 { alert ("scrolling down") } else { alert ("scrolling up") }


7
AngularJS-$ anchorScroll平滑/持续时间
阅读AngularJS文档,我还没有弄清楚是否$anchorScroll可以使用持续时间/缓动选项来平滑滚动到元素。 它只说: $location.hash('bottom'); // call $anchorScroll() $anchorScroll(); 我不使用jQuery,也不想这样做。还有一种聪明而简单的方法$anchorScroll可以使滚动更平滑吗?


12
Angular 2滚动到底部(聊天样式)
我在ng-for循环中有一组单电池组件。 我已经准备好一切,但似乎无法找出合适的方法 目前我有 setTimeout(() => { scrollToBottom(); }); 但这并非一直有效,因为图像会异步将视口向下推。 在Angular 2中滚动到聊天窗口底部的合适方法是什么?

13
jQuery scroll()检测用户何时停止滚动
好的。 $(window).scroll(function() { $('.slides_layover').removeClass('showing_layover'); $('#slides_effect').show(); }); 我可以从我的理解中得知某人正在滚动。因此,我正尝试找出如何在有人停止活动时赶上。从上面的示例中,您可以看到发生滚动时,我正在从一组元素中删除一个类。但是,我想在用户停止滚动时重新打开该类。 这样做的原因是,我打算在页面滚动时进行中转节目,以使页面具有我要尝试的特殊效果。但是我尝试在滚动时删除的一个类与该效果冲突,因为它对某种性质是透明的。

5
iPhone / iPad的JavaScript滚动事件?
我似乎无法在iPad上捕获滚动事件。这些工作都没有,我做错了什么? window.onscroll=myFunction; document.onscroll=myFunction; window.attachEvent("scroll",myFunction,false); document.attachEvent("scroll",myFunction,false); 它们甚至都可以在Windows的Safari 3上运行。具有讽刺意味的是,window.onload=如果您不介意破坏现有事件,则PC上的每个浏览器都支持。但是没有iPad。

21
scrollIntoView滚动太远
我有一个页面,其中从数据库中动态生成一个滚动条,其中包含带有div的表行。每个表格行都像一个链接,就像您在视频播放器旁边的YouTube播放列表中看到的一样。 当用户访问页面时,他们所在的选项应该位于滚动div的顶部。此功能正在运行。问题是它走得太远了。就像它们启用的选项一样,大约过高10px。因此,将访问该页面,该URL用于标识选择了哪个选项,然后将该选项滚动到滚动div的顶部。注意:这不是窗口的滚动条,它是带有滚动条的div。 我正在使用此代码使它将选定的选项移到div的顶部: var pathArray = window.location.pathname.split( '/' ); var el = document.getElementById(pathArray[5]); el.scrollIntoView(true); 它将其移动到div的顶部,但距离太远约10个像素。有人知道该如何解决吗?
106 javascript  dom  scroll 


6
如何使用JQuery $ .scrollTo()函数滚动窗口
每当用户接近文档顶部时,我都会尝试向下滚动100px。 当用户接近文档顶部时,我执行了该函数,但是.scrollTo函数不起作用。 我在之前和之后放置了一个警报,以检查它实际上是不是正在停止的那条线,只有第一个警报响起,这是代码: alert("starting"); $.scrollTo({ top: '+=100px', left: '+=0px' }, 800); alert("finished"); 我知道我的jquery页面链接正确,因为我在整个过程中都使用了许多其他jquery函数,而且它们都可以正常工作。我也尝试过从上方删除“ px”,但似乎没有什么不同。

8
当用户将图像滚动到视图中时如何动态(或延迟)加载图像
我在许多“现代”网站(例如,facebook和google图片搜索)中都注意到了这一点,只有当用户向下滚动页面足以将其带入可见视口区域时,折叠下方的图像才会加载(在查看源时,页面显示X个<img>标记,但不是立即从服务器获取的)。这种技术叫什么,它如何工作以及在多少浏览器中工作。并且有一个jQuery插件可以用最少的编码实现此行为。 编辑 奖励:有人可以解释HTML元素是否存在“ onScrolledIntoView”或类似事件。如果没有,这些插件如何工作?

9
如何在活动启动时滚动到ScrollView的底部
我正在ScrollView中显示一些数据。在活动启动时(方法onCreate),我将数据填充到ScrollView中,并希望滚动到底部。 我尝试使用getScrollView().fullScroll(ScrollView.FOCUS_DOWN)。当我将其作为单击按钮时的动作时,此方法有效,但在onCreate方法中不起作用。 有什么方法可以在活动启动时将ScrollView滚动到底部吗?这意味着第一次显示时视图已经滚动到底部。
96 android  scroll 

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.