jQuery - 如果 div 动态移动，如何将页面滚动到 div？

Question

目前我正在创建一个网站，主要使用 PHP、SQL 和 JS 的混合。我使用 JS 使用 PHP 和 SQL 动态提取新数据。我当前遇到的问题是，我有一个按钮，单击该按钮将使页面根据偏移量每 2.5 秒滚动到当前 DIV。问题是元素移动后，该函数无法找到新的偏移量。

代码片段：

...

$(".button").click(function() {
            $message_focus = "TRUE";
            $to_focus=($(".focus_on_this").offset().top);
        });

...

if ($message_focus = "TRUE") {
        $("html, body" ).animate( { scrollTop: ($to_focus) },{ queue:false, duration:750 } );
    }

...

这就是主要问题所在。一切正常，尽管它只到达初始 div 的起始位置。预先感谢您的回复。

Answer 1

每次滚动页面时，您都必须重新计算 .focus_on_this 的位置：

var $message_focus = false;

$(".button").click(function() {
    $message_focus = true;
});

setInterval(function() {
    if ($message_focus == true) {
        $("html, body" ).animate({
            scrollTop: $(".focus_on_this").offset().top
        },{
            queue:false,
            duration:750
        });
    }
}, 2500);

Answer 2

div 如何动态移动？是否有任何事件导致它移动？如果是，那么我们需要在每次触发此事件时设置 $to_focus=($(".focus_on_this").offset().top); 。仅在单击时设置它是行不通的。

在您提到的按钮单击问题中，页面每 2.5 秒滚动到 div，但我没有看到任何此类代码。如果您想在一定时间后重复调用任何代码，则应该使用 setInterval，如下所示。

setInterval(function(){
   //Do something after every 2000 milliseconds

}, 2000);