Vanilla Javascript没有执行平滑滚动功能
Vanilla JavaScript是指纯粹的JavaScript，即没有使用任何框架或库的JavaScript。执行平滑滚动功能是指在网页中实现平滑滚动效果，即当用户点击页面内的链接或滚动条时，页面会平滑地滚动到目标位置，而不是瞬间跳转或滚动。
要实现平滑滚动功能，可以使用JavaScript的scrollIntoView()方法结合CSS的scroll-behavior属性来实现。scrollIntoView()方法可以将指定的元素滚动到浏览器窗口的可视区域内，而scroll-behavior属性可以设置滚动行为为平滑滚动。
以下是一个示例代码，演示如何使用Vanilla JavaScript实现平滑滚动功能：
<!DOCTYPE html>
<html>
<head>
<style>
html {
scroll-behavior: smooth;
}
</style>
</head>
<body>
<nav>
<ul>
<li><a href="#section1">Section 1</a></li>
<li><a href="#section2">Section 2</a></li>
<li><a href="#section3">Section 3</a></li>
</ul>
</nav>
<section id="section1">
<h2>Section 1</h2>
<p>This is the content of section 1.</p>
</section>
<section id="section2">
<h2>Section 2</h2>
<p>This is the content of section 2.</p>
</section>
<section id="section3">
<h2>Section 3</h2>
<p>This is the content of section 3.</p>
</section>
<script>
// 获取所有带有锚点链接的<a>标签
const links = document.querySelectorAll('a[href^="#"]');
// 为每个链接添加点击事件监听器
links.forEach(link => {
link.addEventListener('click', e => {
e.preventDefault(); // 阻止默认的跳转行为
const target = document.querySelector(link.getAttribute('href')); // 获取目标元素
// 使用scrollIntoView方法实现平滑滚动
target.scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
</body>
</html>在上述示例代码中，我们首先在CSS中设置了scroll-behavior属性为smooth，以实现平滑滚动效果。然后使用JavaScript获取所有带有锚点链接的<a>标签，并为每个链接添加点击事件监听器。当用户点击链接时，通过scrollIntoView()方法将目标元素滚动到可视区域内，设置behavior参数为smooth以实现平滑滚动效果。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供高性能、可扩展的云服务器实例，适用于各种应用场景。
- 腾讯云云数据库 MySQL：提供稳定可靠的云数据库服务，支持高可用、备份恢复等功能。
- 腾讯云对象存储（COS）：提供安全可靠的云端存储服务，适用于存储和管理各种类型的数据。
- 腾讯云人工智能：提供丰富的人工智能服务，包括图像识别、语音识别、自然语言处理等功能。
- 腾讯云物联网（IoT）：提供全面的物联网解决方案，帮助用户快速构建和管理物联网应用。
- 腾讯云区块链服务（BCS）：提供高性能、可扩展的区块链服务，支持快速部署和管理区块链网络。
请注意，以上仅为示例推荐的腾讯云产品，并非广告或推销。在实际应用中，选择合适的云计算产品应根据具体需求和场景进行评估和选择。
相关·内容
我有3列id的jQuery，使他们可以点击，导航到锚id的页面下更远。
如果我添加CSS平滑滚动
`Html{scroll-behavior:smooth}`
它打破了我的主题的平滑滚动，这是我需要的网站的其他部分，我已经尝试了一堆其他的例子，例如: JS中的<script> $(document).ready(function() { $('a').click(function(){ $('html, body').animate({ scrollTop: $( $.attr(this, 'href&
浏览 0提问于2019-11-09得票数 0
我试图平滑地滚动元素，但是没有jquery就无法找到控制滚动时间的方法。
我找到了两种平滑滚动元素的方法：
document.getElementById(targetElementId).scrollIntoView({behavior:'smooth'})
2.$('html，body').animate({scrollTop：$(selector).offset().top},1000)
第二种方法使用jquery并易于控制滚动时间。
但是我想知道在原生javascript中是否有一种控制滚动时间的方法。
谢谢
浏览 0提问于2019-04-29得票数 0
回答已采纳
我的导航栏里有这个：
<li class="nav-item">
<a class="nav-link" href="/#frase">¿Como funciona?</a>
</li>
我想让页面慢慢向下滚动到href。现在它突然在Safari上滚动了起来。对于google chrome，我有这个功能，并且工作正常：
<style>
html{
scroll-behavior: smooth;
}
</style>
我尝试过使用另一个堆栈溢出问题中的Ja
浏览 20提问于2020-05-13得票数 0
回答已采纳
2回答
IE的平滑滚动导致我的应用程序行为奇怪(滚动事件被触发时会有一个小小的延迟)。
有没有办法完全禁用使用CSS或Javascript的IE11中的平滑滚动？
浏览 1提问于2015-04-02得票数 5
回答已采纳
只是想知道是否有任何方法可以使用javascript来平滑地滚动一个页面。我不是说href像#section1等。我是说真正的鼠标滚轮滚动。我已经查遍了这个网站和互联网，但我能找到的只是平滑的href滚动，而不是平滑的鼠标滚轮滚动。
浏览 1提问于2015-04-18得票数 1
回答已采纳
1回答
Jquery平滑滚动与动态高度
、、、、
我创建了一个个人网站，我想在那里使用平滑滚动脚本。一切都很好，但我想改变高度的标题，当你点击从。
我的问题来了..。我认为平滑滚动计算文件的高度，然后我点击菜单和标题被最小化，平滑滚动滚动到他之前计算的位置。
因此，它是500便士的正确位置。怎么处理呢？
你可以看到网站。
您可以看到标题html、我的javascript和css i试用了 www.jsfiddle.net/brxoekdm/
谢谢你知道如何解决这个问题。
浏览 5提问于2014-10-21得票数 0
回答已采纳
1回答
有没有可能在页面重定向后发生onclick事件？我设置了我的Java文件，所以在加载新页面后可以平滑地滚动到"anchor2“，但我无论如何也找不到一种方法来让onclick函数(另一个java)在新页面上工作。
<a href="portfolio.html#anchor2" onclick="javascript:showAndScroll(1, 3)" title="">Link</a>
以下是在portfolio.html页面上用于打开/关闭部分的onclick
<a onclick="ja
浏览 4提问于2013-12-30得票数 0
很抱歉，如果这已经解决了，我找了，但找不到解决办法。我对jQuery非常陌生，通常依赖于模板的功能。
问题: 1- smoothscroll.js在Opera中断开滚动。去掉它，修复Opera中的滚动，但在所有浏览器3中打破粘性标题--我所拥有的Smoothscroll的版本并不是最新的。一旦我把它更新到最新的一个，滚动得到修复在Opera中，但粘性标题仍然中断
下面是链接:没有指向平滑滚动：的链接
使用模板的默认平滑卷轴:/demo/silth涡旋-enabled.html
使用最新的平滑卷轴:演示/平滑滚动-latest.html
我很好，没有平滑卷轴，它似乎是错误和一般不必要的，但我需要
浏览 5提问于2017-10-02得票数 2
回答已采纳
1回答
我试图平滑滚动从Nav到容器ID和页面滚动。但是，我有一个引导“列表组”，它在容器中也使用href和id。当我点击列表中的href -分组时，它会平滑地滚动并退出bug。有没有办法平滑滚动特定的Id，只为导航，并阻止列表组对JS的反应？
我试过了，但它似乎不起作用，
尝试过html { scroll-behavior: smooth;}，但不是所有浏览器都兼容
使用这段代码，它可以工作，但是破坏了
链接到该网站的index.html，.js in body：
谢谢你的帮忙
浏览 1提问于2019-01-11得票数 0
回答已采纳
我是一个web应用程序的开发人员。在这个应用程序中，有一个特定的场景，其中有多个位置:固定元素、画布和溢出:滚动元素。在这个场景中，当启用平滑滚动时，firefox上的滚动非常慢。
从用户的角度来看，解决方案只是禁用平滑滚动。但是，作为一个开发人员，我不能确保用户已经这样做了。
有什么地方可以告诉firefox不要在javascript (或html)中为我的网站使用平滑滚动吗？或者有其他已知的解决办法吗？
浏览 7提问于2014-07-16得票数 8
回答已采纳
对我来说，平滑滚动总是感觉非常慢和迟缓(我希望一切都很快)，但谢天谢地，它已经可以在浏览器设置中禁用。然而，我注意到越来越多的网页正在使用javascript来强制平滑滚动，而不管我的设置(如和)，完全打破了我的浏览体验。
所以我的问题是:有没有办法阻止页面使用javascript来强制平滑滚动？也许是以chrome扩展或用户脚本的形式？
浏览 1提问于2015-06-06得票数 1
默认情况下，我有滚动平滑功能，但是对于一个JavaScript scrollTo()命令，我想覆盖CSS的“平滑”行为并使用auto，但是JS不会覆盖CSS。 我能做些什么？
浏览 66提问于2020-03-22得票数 3
回答已采纳
我试图让我的页面平滑地滚动回到顶部锚点，就像我向下滚动到底部锚点时一样。然而，它不是平滑地滚动，而是在没有任何动画的情况下跳转。
有人能帮我指出我可以做些什么来让它在两个方向上顺畅地滚动吗？
JavaScript
$('a').click(function(){
$('html, body').animate({
scrollTop: $( $(this).attr('href') ).offset().top
}, 500);
return false;
});
浏览 23提问于2017-04-14得票数 0
4回答
平滑抓取
、、
我做了一个简单的。它没有任何缓解/加速。我想使用JavaScript在 (闪存网站)上做同样的缓解/加速。我该怎么做呢？
JavaScript中任何平滑抓取(滚动、拖动)的示例都会很有帮助，也是一种语言不可知的算法。
浏览 2提问于2010-11-21得票数 4
回答已采纳
44回答
如何使用JavaScript滚动到页面顶部？滚动条立即跳转到页面顶部也是可取的，因为我不希望实现平滑的滚动。
浏览 23提问于2009-07-17得票数 1824
回答已采纳
当用户单击div时，我使用以下javascript代码将div滚动到视图中。
<script>
function showDiv2() {
document.getElementById('about').style.display = "none";
document.getElementById('terms').style.display = "none";
document.getElementById('breaker').style.display = &#
浏览 5提问于2015-06-17得票数 2
1回答
在具有某种CSS滚动活动的容器中滚动之后，自用户滚动结束浏览器开始滚动到快照位置的延迟时间是多长时间？
动机
我编写了一个来询问，通过取消滚动事件回调250 ms来模拟scrollend事件。这似乎与Chrome浏览器的实际价值相当接近。但是如果能得到一些一流的值就太好了。甚至可能有一个API，这样我就可以通过JS获得正确的值。
浏览 3提问于2019-05-29得票数 8
回答已采纳
1回答
我正在做基于滚动事件的ajax调用，并获得更多的数据和显示，调用在所有浏览器中运行良好，除了IE11，Safari，Ios，我找到了原因，因为默认的“平滑滚动”是为IE11启用的，但我不知道"Safari"，"Ios“浏览器。因此ajax调用频繁，那么如何使用javascript或jquery禁用该设置。
浏览 3提问于2015-08-20得票数 0
当页面被重新加载时，我正在尝试将我的页面快照到顶部。为此，我使用JavaScript，如下所示：
window.onbeforeunload = function() {
window.scrollTo(0,0);
}
这对我很有用，直到我打开CSS中的平滑滚动：
scroll-behavior: smooth;
现在它根本不起作用。
我想要做的是暂时关闭JS中的CSS平滑滚动行为，如下所示：
window.onbeforeunload = function() {
document.getElementsByTagName("HTML")[0].style.scr
浏览 1提问于2020-03-19得票数 3
回答已采纳
我有一个显示数据列表的UIScrollView。现在，当用户向列表中添加另一个项目时，我可以使用setContentOffset和YES来扩展UIScrollView的内容大小，并平滑地向下滚动到动画。
当用户从列表中删除一个项目时，我希望调整UIScrollView的内容大小，并以动画方式向后滚动一步。
我怎样才能得到正确的排序？现在，如果我在向上滚动之前调整内容大小，则滚动不会显示动画。
我试着在调整内容大小之前向上滚动，但这仍然不能给出一个平滑的过渡。
有没有办法在调整内容大小之前完成滚动动画？
谢谢
浏览 0提问于2010-04-12得票数 3
回答已采纳
我正在尝试创建一个使用平滑滚动的模块化html文档。
如果我不将锚点直接放在文档中，它就不会平滑地滚动。
就是这个网站。
显示不推荐使用"nav.html“的加载的html元素，因为我必须将它直接放在index.html中才能正常工作。
有没有可能让javascript正确地执行nav.html中的锚点的平滑滚动？
我在这里问之前彻底检查过了。我希望，有人能在这方面帮助我。
另外，有没有一个很好的网站来解释如何改善/解决这个问题？
浏览 1提问于2012-06-20得票数 0
回答已采纳
我正在尝试在jPlayer，一个javascript音频播放列表中实现一个滚动到DIV的滚动(也就是平滑的滚动和一些缓动)。基本上，播放列表是在滚动DIV中，带有滚动条和鼠标滚轮滚动，当曲目改变时，我希望它触发滚动到当前播放的曲目，即新曲目，以便它在DIV中垂直居中(具有可变高度)。
我想我应该首先尝试向#jplayer_next事件添加一些代码，通常如下所示：
$("#jplayer_next").click( function() {
playListNext();
$(this).blur();
return false;
浏览 0提问于2011-03-25得票数 0
回答已采纳
2回答
我正在使用BootStrap 3来构建一个单一的页面站点。为了移动到页面的不同部分，我在中找到了平滑的滚动功能，并且它工作得很好。
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target
浏览 3提问于2014-06-20得票数 1
1回答
我正在尝试屏幕记录以下网站，以便在我们的投资组合中使用：
该网站包含了相当多的视差元素，我正在使用一个JavaScript书签来平滑地滚动页面。问题是，因为bookmarklet使用css转换来滚动页面，所以视差元素不会产生视差。
有没有一个已知的方法，我没有偶然发现，既可以平滑地滚动页面，又可以保持视差项目的视差？
我计划使用QuickTime来录制我的屏幕，因为它是原生的macOS。
谢谢。
浏览 10提问于2017-06-26得票数 0
回答已采纳
我有问题的视差/平滑整理和鼠标滚轮滚动的Bootstrap模式弹出窗口。当用户单击“了解更多”按钮时，会出现Bootstrap模式弹出窗口。模式弹出窗口具有滚动条。问题是用户无法使用鼠标滚轮滚动，因为该事件被视差/平滑-scolling脚本截获。
我不能在这里插入代码，因为代码量太大。此问题可在此上重现。
有没有可能通过向网站添加自定义javascript来解决这个问题？
浏览 0提问于2016-02-29得票数 0
我想要创建一个“平滑”滚动动画，从一个元素下滑到下一个。我不想使用Jquery或任何库，只使用javascript和HTML。我试过：
element.scrollIntoView();
这会导致滚动，但不是平稳的动画。我已经看过其他一些平滑滚动技术，但它们使用Jquery。我还想补充的是，滚动应该是从页面上的元素到页面上的另一个元素。只向下滚动。也只有javascript函数像function scrollFromHere(from, to)一样。
浏览 0提问于2016-11-14得票数 1
回答已采纳
1回答
我有一个脚本，监测滚动，并采取滚动控制，以动画的页面基于某些参数。为了做到这一点，它调用了window.scrollTo(0, currentScrollTop);，它完美地中断了Windows上火狐的平滑滚动。然后，我可以让页面滚动到我想要的位置。
不幸的是，这个技巧在MacOS的浏览器中似乎不起作用，这导致了当JavaScript和浏览器竞争滚动窗口时的体验中断。
有没有一种跨浏览器的方法来停止JavaScript的平滑滚动？
网站使用效果有问题：
相关(简化)代码：
$doc.on('scroll', function(e)
{
$doc.off(
浏览 0提问于2012-12-05得票数 1
回答已采纳
我正在使用在我的应用程序中的某些点滚动页面。一切都运行得很好，直到我添加了这一行，它应该与页面滚动同时发生。
this.myInput.first.nativeElement.focus()
这会导致focus()竞相滚动页面。由于我给页面滚动调用了一个pageScrollDuration，而focus()滚动的持续时间显然为0，因此页面跳转到input，而不是平滑地滚动到那里。
如何确保页面滚动平滑地滚动到元素，同时仍将焦点放在元素上？
浏览 8提问于2017-07-14得票数 2
回答已采纳
1回答
我使用CSS技巧中的“平滑滚动”在我的单页(bootstrap 3)网站上导航。我还使用Fancy box来显示我的项目组合。
现在一切正常，直到我尝试用div (保存portfolio-item内容)中的数据追加fancybox中显示的数据为止。
我认为这是冲突的，因为Jquery的(Smoothscroll和Fancybox)都使用了锚标签。
以下是平滑滚动脚本：
<script type="text/javascript">
$(function() {
$('a[href*=#]:not([href=#])').cli
浏览 1提问于2013-11-22得票数 0
哈洛亲爱的社区
这是一个JavaScript问题。我正试图为一个更复杂的Widget系统编写一个足够的JavaScript滚动功能，用于一个软件。
框架: MVC模式，CI4
我需要硬和直接跳转到“下一步”小部件，点击"+“按钮。相反，我从视图文件的顶部得到一个默认滚动--行为“平滑”，而不需要在JavaScript中键入它：
让我们说..。500作为入值：
<body onload="scrollWin(0,500)">
视图正文中的脚本：
<script>
function scrollWin(x, y){
window
浏览 2提问于2021-05-27得票数 0
回答已采纳
我想在这个网站的中有平滑滚动效果。该网站是WordPress网站，这是一个问题。我不知道如何在WordPress中连接JavaScript/jQuery。我见过的所有WordPress插件要么是无用的，要么是糟糕的，要么就是把整个网站搞得一团糟。这就是我不想使用它们的原因。
当我按下那些橙色的按钮("WordPress Sivut“和"Koodatut Sivut")时，我希望在该网站上有一个平滑的滚动。或者，如果你去到网站的最底部，你会看到"Raccoonbox tarjoaa ilmaisen kyydin ylös“-link (Trans.Raccoon
浏览 1提问于2015-12-10得票数 0
我定义了一个ul
<div>
<ul id="mylist">
</ul>
</div>
在我的javascript中，我使用jquery将li项添加到这个ul中
$("mylist").append("<li>Test</li>");
我想要我的ul自动向下滚动到当我添加了很多li项目，ul超过为它定义的高度。
我尝试过的事情：
在CSS中，我为ul设置了最大高度和溢出-y:滚动。
在Javascript中，我做了$("mylist“).la
浏览 6提问于2015-07-30得票数 13
1回答
我试着在我的网站上添加平滑滚动。在从这个网站：复制了javascript和jquery之后，我添加了平滑滚动的标记。平滑的滚动除导航条上的一个按钮外，一切正常工作。这是代码：
<nav id="nav">
<div class="navbar">
<div class="brand"><a href="#" class="smoothScroll">hbvhaf</a></div>
<ul>
<
浏览 2提问于2017-03-06得票数 1
回答已采纳
我使用的是。但我想确定插件何时完成滚动。在我的页面上，滚动速度设置为800。我该怎么做呢？
我试过了：
isScrolling = true;
jQuery(listWrapper).scrollTo(theId, 800);
isScrolling = false;
但似乎isScrolling = false在滚动完成之前就已经设置好了。
除此之外，我还有一些附加到scrollto事件的JavaScript。滚动会减慢到令人痛苦的速度，因为它试图同时执行平滑滚动和运行滚动事件。我希望在滚动时有效地禁用滚动事件，并在滚动完成后重新启用它。
浏览 4提问于2012-02-08得票数 1
回答已采纳
我正在寻找一种方法来使用CSS3过渡来创建一个平滑的页面滚动。我知道如何使用javascript来做这件事，但是如果有一种方法可以用CSS3来做的话，出于性能的考虑，我会更喜欢它。
浏览 1提问于2011-07-12得票数 1
回答已采纳
2回答
上传网站到主机的问题
、、、
我试着把我的网站上传到免费的000虚拟主机服务上。我的网站在本地加载得很好，但是当通过FileZilla上传它并重新加载页面时，我得到一个错误消息：“jQuery库必须包含在smoothscroll.js文件之前。插件将无法正常工作。”我的代码中有一个平滑滚动的javascript文件和一些从别人那里得到的jquery。有没有人知道为什么我的网站在本地加载得很好，但是在上传我的网站到主机时，平滑的滚动不加载？是的，jquery在javascript之前。
浏览 0提问于2017-03-15得票数 0
1回答
我确实在Chrome中启用了#enable-smooth-scrolling标志，并多次重新启动了Chrome和机器，但是在Chrome中滚动仍然很不稳定。我知道这不是硬件问题，因为我的机器可以很好地处理巨大的.pdf文档的平滑滚动，但是Chrome口吃甚至在最简单的网页上也是如此。是否有一个额外的标志，我应该启用，或者可能是一个触摸屏配置，我应该看到Chrome在Ubuntu上滚动，就像在Windows上一样平滑？
浏览 0提问于2014-06-29得票数 2
2回答
这个网站有一个可以平滑滚动的div：
但是，我如何才能在整个body上而不是在div上进行平滑滚动呢
浏览 0提问于2016-01-01得票数 2
3回答
我有这个代码，所以当一个URL被点击时，视图将平滑地滚动到那个特定的div (同一页)。然而，我遇到了一些buggy。
因此，假设我单击了URL，它现在可以平滑地滚动到页面底部。然而，当我试图使用我的鼠标滚轮停止平滑滚动，但它不起作用。取而代之的是，它给了我一种类似虫子的表情。
这是代码请指教
<script>
$('a').click(function(e){
$('html, body').stop().animate({
scrollTop: $( $(t
浏览 0提问于2014-01-10得票数 1
2回答
用户可以制作平滑的滚动动画，以便从网页的一个部分转到另一个部分。现在，一些浏览器(例如Mac版的Chrome )支持“过滚动”，通常滚动会涉及到过滚动。
因此，传统的滚动动画看起来非常人工，而不会过度滚动。有没有一种方法可以用JavaScript滚动网页来增强传统的滚动动画？
浏览 0提问于2012-08-25得票数 5
回答已采纳
我有三个div：
<div id="main">
TEXT
</div>
<div id="secondary">
TEXT
</div>
<div id="third">
TEXT
</div>
现在，我需要添加一个简单的javascript，当在锚标签中单击时，它将平滑地滚动(具有平滑的CSS3动画)。
例如:当我点击<a href="#main">Go to bottom</a>时，它会平滑地滚动到主目录。
浏览 0提问于2016-12-07得票数 0
3回答
有没有办法在Windows Forms框架中为ListBox类启用平滑滚动？(我使用的是C#和.NET Framework2.0)。
浏览 8提问于2009-02-10得票数 2
回答已采纳
3回答
我正在创建一个web应用(主要关注Chrome的使用情况)，但Chrome的“平滑滚动”(我猜它就是这么叫的，就像在IOS上那样的“额外”滚动)(在mac上)会妨碍我。
有没有办法通过javascript禁用它？
浏览 3提问于2012-10-05得票数 5
我使用的是从右边到左边的字幕滚动。下面的代码运行良好。但它的滚动并不流畅。内容"Hover on me stop“闪烁或闪烁。我需要一个100%平滑的滚动下面的字幕。请帮帮我。是否可以没有javascript?？
<marquee behavior='scroll' direction='left' scrollamount='3' onmouseover='this.stop()' onmouseout='this.start()'>Hover on me to stop</marque
浏览 1提问于2013-08-24得票数 2
2回答
如何使用JavaScript平滑滚动？我想要平滑滚动到Div任何人都知道如何在下面的JavaScript代码中添加平滑滚动
function scroll_to(val) {
if(val== "Scroll down to div id")
document.getElementById('divid11').scrollIntoView();
}
<select onchange="scroll_to(this.value);">
<option>1111111</option>
<
浏览 5提问于2015-10-13得票数 0
3回答
首先，让我解释一下我所说的“平滑滚动”是什么意思。当我按一个“步骤”旋转鼠标轮时，例如在Google搜索结果页面上，页面会逐渐向上/向下移动--从“前滚动”到“后滚动”状态的转换需要一些时间，并且动画效果很好。然而，每当我在html中创建一个长页面，并试图滚动一个“步骤”，没有动画或过渡滚动-该页面只是立即跳几行向上或向下。我的页面的平均重绘时间约为5ms，峰值高达8ms，因此我知道重绘时间并不是造成这种情况的原因。
我知道，这种平滑滚动可以实现没有任何脚本，例如，网站滚动超级光滑的Chrome，即使在js禁用。
为什么Chrome选择不顺利地滚动我的页面？如何在不依赖JS的情况下实现平滑的滚
浏览 2提问于2014-09-13得票数 0
回答已采纳
3回答
我在Javascript中有一个计时器，它每秒触发一次以更新页面中的一些文本(HTML5)，如下所示：
document.getElementById('CountDown').innerHTML = "some string";
这很好，除非当用户拖动滚动条句柄时运行此代码，则拖动将被中止。这是一个非常恼人的用户界面行为，我一直无法解决。
如果我注释掉计时器事件中的行，那么滚动条将正常工作。
注意：只发生在Chrome上，而不是在Firefox或Opera上。
知道怎么解决这个问题吗？
浏览 0提问于2018-07-13得票数 8
回答已采纳
我有一个水平滑块和很多“卡片”。
定义其CSS的JS代码如下：
cardCarouselSlider: {
zIndex: 0,
overflow: 'hidden',
width: 300 * cardsNumber,
height: 200,
position: 'absolute',
left: (targetedPlanIndex >= 0)
? -281 * targetedPlanIndex + 40
: -281 * (t
浏览 10提问于2022-05-25得票数 1
回答已采纳
作为测量web应用程序FPS的测试套件的一部分，我需要执行网页的平滑滚动。也就是说，与用户抓取滚动条并用鼠标移动滚动条时一样平滑。
到目前为止，我已经尝试使用模拟键按压与sikuli，即按上下键多次滚动整个页面。我还尝试使用Javascript方法：
public void scrollSmooth(int durationOfScroll){
long timeWhenStarting = System.currentTimeMillis() / 1000L;
while (System.currentTimeMillis() / 1000L - timeWhenStarting &
浏览 9提问于2015-06-25得票数 4
回答已采纳
我有一个菜单，其中有如下链接
https://examples.com/#about-us
https://examples.com/#our-team
https://examples.com/#testimony
https://examples.com/#career
https://examples.com/#contact-us
我有一个单一的页面应用程序，并希望应用顺利滚动那里。
我在googled上搜索了一下，并在上找到了：
generate_smooth_scroll_elements允许您在其他元素类上启动平滑滚动，而不仅仅是使用smooth-scroll类。
使用以下PH
浏览 4提问于2021-03-15得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
