Question

我有一个div，可以动态增加大小。在页面顶部，我有按钮＆＃34;添加注释＆＃34;。当我按＆＃34;添加注释＆＃34;我想将页面滚动到页面底部（出现此新注释的位置）。这是Sharepoint上的.aspx页面。

目前，我有这样的解决方案，但这并不能解决原因：

<a ng-click="AddNote()" onclick="GetMeetingsHeight()" href="#">Add note</a> <%-- Adds new note --%>

function GetMeetingsHeight() {
            var winHeight = $('.detailsdiv').height(); // It works, when I ask by class
            document.getElementById("winHei").innerHTML = winHeight;
            window.scrollTo(0, winHeight);
        }

Answer 1

试试这个

 var sc = $('.detailsdiv').offset().top;
 $('body,html').animate({
     scrollTop: sc
  },'slow');

Answer 2

由于先前的解决方案存在一些奇怪的问题，我将它们混合起来并使其正常工作。

到底部我添加了div作为以下<div id="footer"></div>

function GoToBottom() {
            var redir = document.URL;
            if (redir.indexOf("#footer") == -1)
                redir += "#footer";
            window.location.assign(redir);
        };

JS按高度滚动页面到位置

2 个答案: