重定向到另一个页面并滚动到特定页面<div>没有一起工作</div><div id="text_translate"><p>好的，这是我在这个论坛上发布的第一个问题，所以请善待.. :)</p><p> 我正在使用 ASP.NET MVC 5，并且在单击图标时尝试执行两步过程。</p><ol><li> Select 正确的页面</li><li>向下滚动到该页面上的某个部分。</li></ol><p> 这是我到目前为止得到的：</p><pre> &lt;a class="sidebar-brand d-flex align-items-center justify-content-start" &gt; &lt;div class="notification-bell" style="color:red"&gt; &lt;i class="fas fa-fw fa-bell fa-2x" title="Number of Unread Comments" alert-count=@ViewBag.TotalUnreadComments.ToString() onclick='scrollToElement("CommentSection");'&gt;&lt;/i&gt; &lt;/div&gt; &lt;/a&gt;</pre><p> 和 Javascript</p><pre> &lt;script type='text/javascript'&gt; function scrollToElement(id) { // Set correct page window.location.replace("/TodoListDashboard"); //Get target var target = document.getElementById(id).offsetTop; //Scrolls to that target location window.scrollTo(0, target); } &lt;/script&gt;</pre><p> 有趣的是，这些动作中的任何一个都可以单独起作用，但它们不会一起起作用。</p><p> 任何想法将不胜感激！！！</p></div>

Question

好的，这是我在这个论坛上发布的第一个问题，所以请善待.. :)

我正在使用 ASP.NET MVC 5，并且在单击图标时尝试执行两步过程。

1. Select 正确的页面
2. 向下滚动到该页面上的某个部分。

这是我到目前为止得到的：

<a class="sidebar-brand d-flex align-items-center justify-content-start" >
   <div class="notification-bell" style="color:red">
   <i class="fas fa-fw fa-bell fa-2x" title="Number of Unread Comments" alert-count=@ViewBag.TotalUnreadComments.ToString() onclick='scrollToElement("CommentSection");'></i>
   </div>
</a>

和 Javascript

<script type='text/javascript'>
    function scrollToElement(id) {
        // Set correct page
        window.location.replace("/TodoListDashboard");

        //Get target
        var target = document.getElementById(id).offsetTop;

        //Scrolls to that target location
        window.scrollTo(0, target); 
    }
</script>

有趣的是，这些动作中的任何一个都可以单独起作用，但它们不会一起起作用。

任何想法将不胜感激！！！

Answer 1

好吧，我觉得有点愚蠢，但我想出了一个简单的解决方法......

对于这个问题，我刚刚创建了一个 javascript function 并将这两个项目添加在一起，如下所示：

<script type='text/javascript'>
    function scrollToComments() {
        window.location.replace("/TodoListDashboard#CommentSection");
    }
</script>

然后我只是将我的 onclick 调用更改为：

<i class="fas fa-fw fa-bell fa-2x" title="Number of Unread Comments" alert-count=@ViewBag.TotalUnreadComments.ToString() onclick='scrollToComments();'></i>