autoscroll 相关问题

我有一个html页面，我想让它缓慢滚动到页面的特定点或整个页面。我尝试了以下代码但没有任何效果：我有一个 html 页面，我想让它缓慢滚动到页面的特定点或整个页面。我尝试了以下代码，但没有任何效果： <a href="#anchorName"></a> <script> function scrollTo(hash) { location.hash = "#anchorName"; } </script> 其次，我尝试滚动到 div，但在这种情况下我还必须使用 CSS 并设置高度。我正在努力避免这种情况。如 stackoverflow 过去的问题所示： <a href="#myDiv" id="button">button</a> <script> $("#button").click(function() { $('html, body').animate({ scrollTop: $("#myDiv").offset().top }, 2000); }); </script> 而且它根本不起作用。尝试这样： $(document).ready(function(){ $("#button").click(function(e) { e.preventDefault(); $('html, body').animate({ scrollTop: $($.attr(this, 'href')).offset().top }, 2000); }); }); #myDiv { margin-top: 800px; height: 50px; width: 300px; background: red; } <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <a href="#myDiv" id="button">button</a> <div id="myDiv"></div> 由于您将 #myDiv 设置为按钮的 href，因此您必须在触发动画之前 preventDefault()： $("#button").click(function(e){ e.preventDefault(); $('html, body').animate({ scrollTop: $("#myDiv").offset().top }, 2000); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a href="myDiv" id="button">button</a> <div style="height:400px;"></div> <div id="myDiv">Lorem Ipsum</div> 如果您使用的是 css 文件，可以插入以下规则缓慢滚动... html { scroll-behavior: smooth; } 您可以按照使用 jQuery 的示例代码平滑滚动到某个组件 id，例如： <a class="move_to_div" href="#anchorName"> move div </a> <div id="anchorName"> </div> <script> $(".move_to_div").click(function() { $('html, body').animate({ scrollTop: $("#anchorName").offset().top }, 1000); }); </script> 这只是示例，当单击“a href 链接”时，向下滚动将会平滑（要测试结果，请使用 css 在链接和 div 之间添加一些空格）我希望这对你有帮助。

javascript html scroll anchor autoscroll

回答 4 投票 0

如何制作自动滚动的列表视图？

我想创建一个水平列表视图，它以一定的速度自动滚动，无需用户干预。另外，这个滚动应该无限地完成，并且列表视图应该重复。在...

flutter dart listview scroll autoscroll

回答 1 投票 0

如何使用 tkinter 自动滚动（autoscroll）列表中包含的图像列表

我的工作是使用 tkinter 自动一页一页地显示 pdf 文件的页面。为此，我为每个页面创建一个图像并将所有图像存储在一个列表中。我可以显示来自...的所有页面

python tkinter autoscroll

回答 1 投票 0

在Flutter中如何通过页面id创建自动无限滚动分页？

我正在尝试使用自动滚动创建分页，但使用此模型（在底部），我无法执行此操作？我是颤振的初学者，我从头开始努力尝试，但不幸的是无法...