javascript - 上下垂直平滑滚动

Question

Note: may be a duplicate

我想要一个垂直 slider ，但是，一组框而不是图像。
我尝试使用:

• window.location.href = "#feed_box";
• 滚动到
• 滚动顶部

除 scrollTop 外，它们都工作正常，但是，window.location.href 的问题是所有框都具有相同的 id，因为它们都被回显(php ) 来自 while 循环。因此，它会进入下一个相同的盒子。

jQuery:

var x= $(window).scrollTop();
$("#feed_up").click(function(){
    $("html, body").animate({ scrollTop: x - 960 }, 550);
});
$("#feed_down").click(function(){
    $("html, body").animate({ scrollTop: x + 960 }, 550);
});`

这个脚本中的问题是它跳过了一两个框(post)。

简而言之，我希望此代码不跳过某个框或 window.location.href 不获取相同的框 id。

Answer 1

the problem with window.location.href was all the boxes have same id 'cause they all are echoed (php) from a while loop”

——那是你的 HTML 生成中的一个错误，你需要修复——id 在文档中必须是唯一的。

通过使用这个 echo <div id="' . $row["id"] 'align="center"></div>这会将框 ID 提供给 div