Javascript 垂直平滑上下滚动

Javascript 垂直平滑上下滚动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,注意:可能是 我想要一个垂直滑块,但是,对于一组长方体,而不是图像 我尝试使用: window.location.href=“#提要框” 滚动至 scrollTop 除了scrollTop之外,所有这些框都可以正常工作,window.location.href的问题是所有框都有相同的id,因为它们都是在循环时从回显的(php)。因此,它会转到同一个框而不是下一个框 jQuery: var x= $(window).scrollTop(); $("#feed_up").click(functi

注意:可能是

我想要一个垂直滑块,但是,对于一组长方体,而不是图像
我尝试使用:

  • window.location.href=“#提要框”
  • 滚动至
  • scrollTop
除了
scrollTop
之外,所有这些框都可以正常工作,
window.location.href
的问题是所有框都有相同的id,因为它们都是在
循环时从
回显的(php)。因此,它会转到同一个框而不是下一个框

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

window.location.href的问题是所有的框都有相同的id,因为它们都是从while循环中回显的(php)”

–这是HTML生成中的一个错误,需要修复–ID在文档中必须是唯一的


通过使用此echo
“window.location.href的问题是所有框都具有相同的id,因为它们都是从while循环(php)中回显的”–这是HTML生成中的一个错误,您需要修复–id在文档中必须是唯一的。您能告诉我如何使用while循环实现这一点吗。(贴出答案)