草庐IT

ScrollTop

全部标签

javascript - 检测用户滚动了多少

我的网站上有一个图片弹出功能,以便在用户单击页面上的较小版本时向用户显示完整分辨率的图片。这是定位它的当前CSS:div#enlargedImgWrapper{position:absolute;top:30px;left:55px;z-index:999;}现在的问题是,如果我点击页面下方的图片,窗口仍然出现在页面的左上角,直到我向上滚动才能看到它。我需要它相对于窗口出现,无论它当前相对于文档的位置是什么。注意:我不想使用position:fixed;因为有些图像可能比屏幕高,所以我希望用户能够滚动图片也是。我的想法是用JS改变top的值:varscrollValue=???;doc

javascript - scrollTop jQuery,滚动到带有 id 的 div?

这是我目前的代码$(document).ready(function(){$('.abouta').click(function(){$('html,body').animate({scrollTop:308},'slow');returnfalse;});$('.portfolioa').click(function(){$('html,body').animate({scrollTop:708},'slow');returnfalse;});$('.contacta').click(function(){$('html,body').animate({scrollTop:1108}

javascript - scrollTop jQuery,滚动到带有 id 的 div?

这是我目前的代码$(document).ready(function(){$('.abouta').click(function(){$('html,body').animate({scrollTop:308},'slow');returnfalse;});$('.portfolioa').click(function(){$('html,body').animate({scrollTop:708},'slow');returnfalse;});$('.contacta').click(function(){$('html,body').animate({scrollTop:1108}

javascript - body.scrollTop vs documentElement.scrollTop vs window.pageYOffset vs window.scrollY

当试图找出网页从顶部滚动了多少时,应该使用以下哪一个:document.body.scrollTop,document.documentElement.scrollTop,window.pageYOffset,window.scrollY在这两个不同的场景中我会选择哪一个:a)如果我想要最大的兼容性(跨当前使用的主要浏览器)?b)如果我想要大多数标准兼容/面向future/严格模式兼容的代码(但不关心支持旧的/非标准浏览器)? 最佳答案 我在skrollr源代码中使用了其中三个returnwindow.pageYOffset||do

javascript - body.scrollTop vs documentElement.scrollTop vs window.pageYOffset vs window.scrollY

当试图找出网页从顶部滚动了多少时,应该使用以下哪一个:document.body.scrollTop,document.documentElement.scrollTop,window.pageYOffset,window.scrollY在这两个不同的场景中我会选择哪一个:a)如果我想要最大的兼容性(跨当前使用的主要浏览器)?b)如果我想要大多数标准兼容/面向future/严格模式兼容的代码(但不关心支持旧的/非标准浏览器)? 最佳答案 我在skrollr源代码中使用了其中三个returnwindow.pageYOffset||do

javascript - 移动设备上的 jQuery 实时滚动事件(解决方法)

老问题:当用户在移动网站或应用程序(WebView)上滚动元素时触发滚动事件。我正在寻找的是当用户在移动设备上滚动我的页面时访问正确的scrollTop()值,而不是在用户停止时获取它。我敢肯定在某个地方有解决方法,如果我没记错的话,这个限制是由iOS设置的,并且在过去几年中一直在讨论它。我尝试过实现native滚动模拟器,但它们似乎都没有按照我想要的方式工作,老实说,如果我真正想要的只是一个持久的scrollTop()而一个用户正在滚动。我目前正在考虑在touchStart上启动一个计数器并在touchStop上停止它,但有些东西告诉我我在浪费时间。有什么帮助吗?

javascript - 移动设备上的 jQuery 实时滚动事件(解决方法)

老问题:当用户在移动网站或应用程序(WebView)上滚动元素时触发滚动事件。我正在寻找的是当用户在移动设备上滚动我的页面时访问正确的scrollTop()值,而不是在用户停止时获取它。我敢肯定在某个地方有解决方法,如果我没记错的话,这个限制是由iOS设置的,并且在过去几年中一直在讨论它。我尝试过实现native滚动模拟器,但它们似乎都没有按照我想要的方式工作,老实说,如果我真正想要的只是一个持久的scrollTop()而一个用户正在滚动。我目前正在考虑在touchStart上启动一个计数器并在touchStop上停止它,但有些东西告诉我我在浪费时间。有什么帮助吗?

javascript - 如何同步两个div的滚动位置?

我想要将2个div调整为特定宽度(即500像素)。一个在另一个上面水平对齐。顶部框应隐藏其滚动条,底部应显示滚动条,当用户滚动时,我希望顶部框的偏移量更改为底部框的值。因此,当底部DIV水平滚动时,顶部DIV似乎也在同步滚动。我很乐意在Jquery中做这件事,如果它能让这个过程更容易的话。 最佳答案 $('#bottom').on('scroll',function(){$('#top').scrollTop($(this).scrollTop());});在这里,我们使用.scrollTop()来获得它的所有值(value),从带

javascript - 如何同步两个div的滚动位置?

我想要将2个div调整为特定宽度(即500像素)。一个在另一个上面水平对齐。顶部框应隐藏其滚动条,底部应显示滚动条,当用户滚动时,我希望顶部框的偏移量更改为底部框的值。因此,当底部DIV水平滚动时,顶部DIV似乎也在同步滚动。我很乐意在Jquery中做这件事,如果它能让这个过程更容易的话。 最佳答案 $('#bottom').on('scroll',function(){$('#top').scrollTop($(this).scrollTop());});在这里,我们使用.scrollTop()来获得它的所有值(value),从带

javascript - 没有jquery的scrollTop动画

这个问题在这里已经有了答案:CrossbrowserJavaScript(notjQuery...)scrolltotopanimation(21个答案)关闭8年前。我想在不使用jQuery的情况下制作动画“滚动到顶部”效果。在jQuery中,我通常使用这段代码:$('#go-to-top').click(function(){$('html,body').animate({scrollTop:0},400);returnfalse;});如何在不使用jQuery的情况下为scrollTop设置动画?