0

jquery 中有 scrollTop 方法，但我想要一个 scrollBottom 方法。

我的用例是用户点击一个元素的右上角，在网站的深处有一个元素#test 我想滚动到底部，这样用户就可以看到这个元素。

你会怎么做？我知道有一个 jquery scrollTo 插件推荐使用吗？这么简单的任务？...

更新

我已经用代码示例更新了我的问题，该代码示例部分取自上面的“jquery 滚动到元素”重复投票：

var container = $('#view');
var scrollTo = $('#test');

container.animate({
    scrollTop: scrollTo.offset().top - container.offset().top + container.scrollTop()
});

这些是我从调试中得到的值，滚动底部不起作用，屏幕静止不动。

scrollTo.offset().top => 0
container.offset().top => 274.75
container.scrollTop() => 0

我的元素 row1 是所以我猜在前 1500px 但可能问题是它没有最高价值......我该如何解决这个问题？

4

6 回答 6

1

你可以试试这个

var p = $("#test");
var offset = p.offset();
$("body").scrollTop(offset.top);
于 2013-09-06T07:09:20.283 回答
0

我从你的问题中了解到，你想滚动到页面底部，所以你可以使用这个：

$("html, body").animate({ scrollTop: $(document).height()-$(window).height() });

如果你想滚动到特定的 ID，你可以使用这个：

$("html, body").animate({ scrollTop: $("#myID").scrollTop() }, 1000);
于 2013-09-06T07:12:23.243 回答
0 
$(window).load(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, 2000);
});
于 2013-09-06T07:13:03.147 回答
0

HTML

 <body>
        <div style="height:2500px">
            <button class="Top" id="button1" >1</button>
        </div>
            <button class="Link" id="button1" >2</button>
    </body>

脚本

$('.Top').click(function () {
   $('html, body').animate({scrollTop:$(document).height()}, 'slow');
   return false;
   });

   $('.Link').click(function () {
   $('html, body').animate({scrollTop:0}, 'slow');
   return false;
   });

按照这个小提琴，看看活的例子

http://jsfiddle.net/Ur3Dv/

于 2013-09-06T07:16:38.033 回答
0 
$("your element on which, if user clicks the scrolling shall proceed").click(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, "slow");
  return false;
});

我希望，这将满足您的要求。

于 2013-09-06T07:19:20.413 回答
0

查看我的十行 jQuery 插件（未压缩）。它做你想做的事，虽然它很简单

https://github.com/Samer-Al-iraqi/Simple-jQuery.scrollTo

作为 jQuery 实用程序：

$.scrollTo(to, duration, func);

或者作为 jQuery 原型的扩展：

$('selector').scrollTo(duration, func);

第to一个表单中的部分可以接受多个像素、jQuery 选择器字符串、end单词（用于滚动页面末尾）、元素或 jQuery 对象。

希望它会帮助某人。

于 2015-07-04T17:54:57.743 回答