这个问题在这里已经有了答案:CrossbrowserJavaScript(notjQuery...)scrolltotopanimation(21个答案)关闭8年前。我想在不使用jQuery的情况下制作动画“滚动到顶部”效果。在jQuery中，我通常使用这段代码:$('#go-to-top').click(function(){$('html,body').animate({scrollTop:0},400);returnfalse;});如何在不使用jQuery的情况下为scrollTop设置动画？
我在React中构建了一个组件，它应该在窗口滚动时更新自己的样式以创建视差效果。组件render方法如下所示:function(){letstyle={transform:'translateY(0px)'};window.addEventListener('scroll',(event)=>{letscrollTop=event.srcElement.body.scrollTop,itemTranslate=Math.min(0,scrollTop/3-60);style.transform='translateY('+itemTranslate+'px)');});return()
我在React中构建了一个组件，它应该在窗口滚动时更新自己的样式以创建视差效果。组件render方法如下所示:function(){letstyle={transform:'translateY(0px)'};window.addEventListener('scroll',(event)=>{letscrollTop=event.srcElement.body.scrollTop,itemTranslate=Math.min(0,scrollTop/3-60);style.transform='translateY('+itemTranslate+'px)');});return()
我试过使用scrollTop和scrollTop()并且它总是返回0。怎么会这样，我试过这样:Template.myHome.events({"click.examine":function(event){event.preventDefault();varPos=event.clientY;varyPos=document.body.scrollTop;console.log("Ycoords:"+yPos);}});以及在body标签内和包括body标签的几个div上使用JQuery版本，再次全部给我0或null。我只想获取用户向下滚动页面时在y轴上遍历的像素数。
我将jQuery的scrollTop()用于固定菜单:functionfixed_menu(){if($('window').width()=trigger){menu.addClass('fixed');}elseif($('body').scrollTop()当我在自己的手机(Android设备、MotoG2ndgen)上进行测试时，if语句在滚动时仍然有效。当我在iPadmini上测试时，if语句仅在悬停完成时启动。如何在悬停仍在进行的情况下使此功能在某些iOS设备上工作？ 最佳答案 scrollTop()函数在不同浏览器中存
我在尝试回到列表顶部时遇到了一些麻烦。我将-webkit-overflow-scrolling:touch放在列表中以获得动量滚动。但是，当我使用jQueryscrollTop();时，动量滚动仍在继续，它会跳到顶部，但不会停止动量。因此它会再次下降，直到势头结束。有没有简单的方法来停止动量滚动？ 最佳答案 将列表的-webkit-overflow-scrolling样式设置为'auto'，然后在短暂的超时后返回到'touch'。即letscrollContainer=document.getElementById('yourLis
我需要检测文档从顶部滚动到多远，为此我使用了scrollTop()。不幸的是，它不适用于某些版本的Android，因此我需要一个不同的解决方案。有没有办法在没有scrollTop函数的情况下获取$(document).scrollTop？ 最佳答案 这对我有用，希望对你也有用varbody=document.body;vardocElem=document.documentElement;varscrollTop=window.pageYOffset||docElem.scrollTop||body.scrollTop;
我正在为Andriod移动应用程序开发聊天功能，为此我使用jQuery和jQuery移动主题前端。我的问题是我正在尝试使用scrollTop()函数在底部附加新消息。scrollTop()函数在所有浏览器中都能正常工作，但在Andriod中它不起作用。任何人都对此有任何想法。这是HTML代码:Message:SendEndChat这是滚动按钮的jQuery代码:$("#chatSendButton").click(function(){varmes=$("#messageText").val();$("#incomingMessages").append(""+'Admin'+":"+
我有一个内置在Phonegap中的单页应用程序，我在使用iOS设备(不是android)时遇到问题:document.querySelector('page').scrollTop=0;如果我导航到一个不同的页面并且我刚刚来自的View有scrollTop//38它会保持相同的scrollTop//38因为我只改变了内容页面内。所以我会使用上面的jS来编辑滚动顶部，所以这样做:document.querySelector('page').scrollTop//outputs38太棒了，但是当我触摸屏幕时它会向下跳38px并重置scrollTop=38。如果我删除page{-webkit
我的网站上有我的iPhone应用程序的“帮助文档”，用户可以从我的应用程序中的UIWebView中查看这些文档。它表现出一些奇怪的行为。下面的代码在桌面Safari和Firefox上完美运行，但在移动Safari上运行不佳。您可以在此处查看页面:MySupportPage帮助菜单是position:absolute并且通过网络上的一些技术“粘附”到顶部。该代码使用了我能找到的所有让jQuery触发的技术，例如元素上的空onclick=""、cursor:pointer。等。它第一次工作，但不会滚动到用户触摸的下一个东西，除非您手动滚动页面一点点。Stack上还有其他一些类似的问题，但没
