使用链接在div中滚动div?

时间:2013-09-03 07:46:53

标签: javascript jquery html

我想在点击链接时滚动到基于div id的顶部位置... 如果在旁边点击链接,那么div“ltv”移动/滚动到顶部..

这张我的照片描述了我的目的 enter image description here

如果有人知道怎么做,或者可以给我一个很好的起点,我会很感激。

由于

3 个答案:

答案 0 :(得分:2)

你可以试试这个:

$('.links').click(function()
{
    $('html, body').animate({ scrollTop: $('.section').eq($(this).index()).offset().top }, 1000);
})

http://jsfiddle.net/5nTVn/

答案 1 :(得分:0)

这可能会派上用场:

http://demos.flesler.com/jquery/scrollTo/

基本上,它是一个jQuery插件,可以帮助您以不同的方式滚动到不同的DOM元素。

答案 2 :(得分:0)

你可以使用jQuery的scrollTop函数

$('#ltv').click(function(e) {
  e.preventDefault();
  $('#divId').scrollTop(0);
});

如果您希望它像滑动到顶部,可以将其与.animate一起使用:

  $('#divId').stop().animate({ scrollTop: "0px" });

如果你想要某个div去顶部,那么你需要解决它的问题,然后使用它作为scrollTop px

Example