javascript - Javascript のスクロールとビュー内での停止

Question

私はこのコードを持っています:

            function Scroll(aid){
                var aTag = $(\"a[name='\"+ aid +\"']\");
                $('html,body').animate({scrollTop: aTag.offset().top},'slow');
            }

しかし、問題は、タグまでスクロールダウンするため、ウィンドウの上部にあることです。私はそれが好きだったので、ウィンドウの下部にある要素までスクロールするだけです。

そのため、要素の上にあるものを確認できます (その上にある他のすべてのコンテンツと同様)。

何か案は？

Answer 1

ビューポートの高さを調べて、それを引きます。

var pos = Math.max(aTag.offset().top - $(window).height(), 0);
$('html,body').animate({scrollTop: pos },'slow');

小さなオフセットを追加する必要がある場合があります。