Javascript 向下滚动至底部。然后重新加载页面并再次执行
我正在使用这个简单的代码,它工作得很好Javascript 向下滚动至底部。然后重新加载页面并再次执行,javascript,jquery,Javascript,Jquery,我正在使用这个简单的代码,它工作得很好 $("#mydiv").animate({ scrollTop: $('#mydiv')[0].scrollHeight}, 20000) 我想要的是在到达底部后立即返回页面顶部,并开始再次缓慢向下滚动。在JQuery中如何实现这样的功能 谢谢你们 您可以使用以下javascript函数跳回页面顶部: function jump(elementId){ var location = document.getElementById(elementI
$("#mydiv").animate({ scrollTop: $('#mydiv')[0].scrollHeight}, 20000)
我想要的是在到达底部后立即返回页面顶部,并开始再次缓慢向下滚动。在JQuery中如何实现这样的功能
谢谢你们 您可以使用以下javascript函数跳回页面顶部:
function jump(elementId){
var location = document.getElementById(elementId).offsetTop;
window.scrollTo(0, location);
}
只需使用页面顶部某个元素的
id
不确定您想做什么以及“重新加载”是什么意思,但这里有一个快速片段可以让您开始:
如您所见,其可配置且易于理解:
$(function() {
var pageScan = {
speed : 10000,
loop : true,
delayRestart : 1000,
start : function(){
pageHeight = $('body').height() - window.innerHeight;
pageScan.proc(pageHeight);
},
proc : function(to){
$("body").animate(
{scrollTop: to},
pageScan.speed,
"linear",
function(){
if (pageScan.loop) {
setTimeout(function() {
window.scrollTo(0, 0);
pageScan.start();
}, pageScan.delayRestart);
}
});
}
};
pageScan.start();
});
我们可以做一些更简单的事情,比如:
(function (){
var div = $('#myDiv'),
infiniteScroll = function () {
//---gets the bottom of the page value
var bottomHeight = div[0].scrollHeight;
var callback1 = function () {
//once it gets into this callback function
//it resets the position to zero
div.scrollTop(0);
//invokes again the function infinite scroll
infiniteScroll();
};
div.animate({scrollTop:bottomHeight},20000,callback1)
};
//starts the function for the very first time
infiniteScroll();
})();
我创建了一个代码笔,这样您就可以看到它工作并使用它:
您需要提供一些HTML标记。这个问题太模糊,没有上下文。同意@Stef。请添加一些HTML。有很多关于如何做的教程。了解如何使用文档中解释的动画回调。另一件让我感到困惑的事情是,你提到重新加载页面,但听起来你只是想滚动div的内容。请让我们知道你到底想要什么。这两件事是完全不同的。人们需要在这里放松。这家伙只是想找个办法回到页首。不要把它复杂化,如果你知道答案,就把它贴出来。或者如果有一个复制品,那么就把它标记为复制品,并给他链接。