JavaScript 将长页面滚动到 DIV

javascript html

2022-08-30 05:14:51

我在一个很长的HTML页面上有一个链接。当我单击它时，我希望通过滚动到视图中，在页面的另一部分上可见。div

有点像其他语言。EnsureVisible

我已经检查过了，但它们看起来像红鲱鱼。scrollTopscrollTo

任何人都可以帮忙吗？

答案 1

老问题，但如果有人通过谷歌找到这个（就像我一样），谁不想使用锚点或jquery;有一个内置的javascript函数可以“跳转到”一个元素;

document.getElementById('youridhere').scrollIntoView();

还有什么比这更好的了;根据quirksmode上伟大的兼容性表，这是所有主流浏览器都支持的！

答案 2

如果您不想添加额外的扩展，则以下代码应与jQuery一起使用。

$('a[href=#target]').
    click(function(){
        var target = $('a[name=target]');
        if (target.length)
        {
            var top = target.offset().top;
            $('html,body').animate({scrollTop: top}, 1000);
            return false;
        }
    });