Question

我正在开发一个angular5应用程序。在那个应用程序中，我需要根据数据转到当前页面。 ScrollToTop工作正常，我想转到当前页面。有没有像angular5中的scrollTop那样的方法。

Answer 1

您可以使用以下行滚动到页面底部：

window.scrollTo(0,document.body.scrollHeight);

如果要滚动特定的html元素，请尝试以下方法：

window.scrollTo(0,document.querySelector(".scrollingContainer").scrollHeight);

另请参阅此demo，它可以为您提供帮助。

Answer 2

您可以使用jQuery中的animate和scrollTop进行操作，如下所示：

HTML：

<a href="#contact">Contact</a>
<!-- set the H2 deep down in the page -->
<h2 id="contact">Contact</h2>

jQuery：

$('a[href^="#"]').on('click', function(){
    var the_id = $(this).attr("href");
    if (the_id === '#') {
        return;
    }
    $('html, body').animate({
        scrollTop:$(the_id).offset().top
    }, 'slow');
    return false;
});

ScrollToTop正在运行，但我想向下滚动到页面

2 个答案: