繁体   English   中英

如何通过平滑滚动重定向到不同页面上的特定 div

[英]how to Redirect to a specific div on a different page with smooth scroll

我正在学习制作一个网站,同时在带有“阅读”按钮的食谱部分实现锚链接时,它是成功重定向的食谱部分,但问题是如何进行平滑滚动?。 请在https://ginzer2.imfast.io/下方找到链接,这是使用 bootstrap 3 制作的。请帮助实现这一目标

在此处查看文档

       const elem = document.querySelector('#element_id')
       elem.scrollIntoView({
          behavior: 'smooth',
          block: 'start'
        });

重定向到另一个页面并滚动到特定页面<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>

[英]Redirect to another page and scroll to specific <div> are not working together

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 平滑滚动到特定的Div 单击时平滑滚动到特定 div 如何滚动到不同页面上的特定 div reactjs 如何在div中间平滑滚动到不同的跨度 如何在特定 id 上平滑滚动到另一个页面? 如何平滑滚动到div id? 重定向到另一个页面并滚动到特定页面<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> 当使用标签打开页面时平滑滚动到 div jQuery顺利滚动到页面的特定部分? jQuery平滑滚动到不同页面上的id选择器
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM