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>
        <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

私の 10 行の 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 に答える