垂直平滑上下滚动

时间:2015-01-25 16:55:21

标签: javascript jquery html css

  

注意:可能是duplicate

我想要一个垂直滑块,但是对于一组框而不是图像。
我试着用:

  • window.location.href = "#feed_box";
  • scrollTo
  • scrollTop

所有这些工作正常,除了scrollTop但是,window.location.href的问题是所有框都有相同的id'因为它们都是从while循环回显(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);
});`

此脚本中的问题是它跳过一个或两个框(帖子)。

简单地说,我希望此代码不会跳过一个框或window.location.href不要同时使用id框。

1 个答案:

答案 0 :(得分:0)

  

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

- 然后,您需要修复HTML生成中的错误 - ID必须在文档中是唯一的。

通过使用此回显<div id="' . $row["id"] 'align="center"></div>,这将为div

提供框ID