在scrollTo上禁用css滚动平滑
在scrollTo上禁用CSS滚动平滑是通过设置CSS属性scroll-behavior为auto来实现的。默认情况下，scroll-behavior属性的值为smooth，这会启用平滑滚动效果。将其设置为auto可以禁用平滑滚动效果，使滚动变得直接和快速。
禁用CSS滚动平滑可以通过以下步骤实现：
- 在需要禁用滚动平滑的元素上添加一个类名或选择器，例如
disable-smooth-scroll。 - 使用CSS选择器选中该元素，并将
scroll-behavior属性设置为auto。
以下是一个示例代码：
<style>
.disable-smooth-scroll {
scroll-behavior: auto;
}
</style>
<div class="disable-smooth-scroll">
<!-- 元素内容 -->
</div>在上述示例中，我们给包含需要禁用滚动平滑的内容的<div>元素添加了类名disable-smooth-scroll，并通过CSS将其scroll-behavior属性设置为auto。
禁用CSS滚动平滑的应用场景包括但不限于以下情况：
- 当需要快速滚动到指定位置时，禁用滚动平滑可以提高滚动速度和响应性。
- 在某些特定的用户界面设计中，禁用滚动平滑可以提供更直接的滚动体验。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务（TBC）：https://cloud.tencent.com/product/tbc
- 腾讯云物联网平台（IoT）：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发平台（MPS）：https://cloud.tencent.com/product/mps
- 腾讯云音视频处理（MPS）：https://cloud.tencent.com/product/mps
- 腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
相关·内容
2回答
IE的平滑滚动导致我的应用程序行为奇怪(滚动事件被触发时会有一个小小的延迟)。
有没有办法完全禁用使用CSS或Javascript的IE11中的平滑滚动？
浏览 1提问于2015-04-02得票数 5
回答已采纳
在Sapper应用程序中，当在给定页面(路由)内使用锚链接导航时，我使用CSS平滑滚动以获得更好的效果：
html {
scroll-behavior: smooth
}
但是，这会导致其他路由的导航以一种不想要的方式运行:而不是被重置到页面的顶部，滚动位置与前一条路径(在Firefox中)保持不变。(在Chrome中，同样的情况也是如此，但页面随后顺利地回滚到顶部。)
我知道这是因为Sapper是如何工作的，但是是否有一个已知的解决方案，允许使用CSS平滑滚动(用于锚链接)同时进行“按预期”的导航工作，并在加载时直接到达页面的顶部？
这里的实际例子是：。html { scroll-beh
浏览 1提问于2020-12-07得票数 1
回答已采纳
我使用jQuery scrollTo()在我的站点上平滑滚动。工作出色，除非在初始加载期间。当页面上的图像被加载时，它使平滑的滚动变得不那么平滑，而且非常滞后。更糟糕的是，我也是预装所有其他图片从网站的其余部分，所以它甚至需要更长的时间(虽然隐藏)加载所有的东西。
所以问题是，您能在scrollTo()期间停止所有将暂停所有加载、平滑滚动页面的处理，然后再重新加载吗？
我使用的jQuery用于scrollTo：
$('.smooth-scroll').click(function(e){
var dest = $(this).attr("href
浏览 0提问于2015-07-23得票数 0
回答已采纳
1回答
我正在尝试‘链入’(添加)和额外的功能到这个：
原始代码，它激活ScrollTo插件：
$('a.scroll').live('click',function(){
$.scrollTo(this.hash+"_", 3333, {easing:'easeOutCubic'} );
window.location.hash = this.hash;
return false;
});
我想要的是，在页面平滑滚动的同时，也要有一个div覆盖fadeIn，在屏幕上停留几秒钟，然后在平滑滚动结束之前自动删除fa
浏览 1提问于2012-10-19得票数 0
3回答
如何创建一个完全像这样工作的纯Javascript函数？
$('html, body').animate({
scrollTop: y
}, 400);
这里，y是一个垂直位置的参数。在我现在工作的网站，有一个水平导航是固定在顶部，而滚动和自动聚焦相应的菜单项，当它滚动到映射的部分。此外，当单击菜单项时，主体容器应该自动滚动到该部分。我可以轻松地使用jQuery动画来做到这一点，但是客户机不想再使用jQuery了。
我已经研究了相当多的问题和答案，在这个网站上，window.requestAnimationFrame()或CSS转换效果。但我找不到一个完美的解决方案。
谢
浏览 10提问于2022-10-14得票数 0
2回答
滚动到div
、、、
我尝试在jQuery的scrollTop函数中使用一个非常基本的平滑滚动功能，但没有成功。我希望任何有css类“滚动”的链接应该总是向下滚动页面，并在有类“停止”的div停止。例如，我有如下的HTML结构：
<a href="#" class="scroll">Scroll down</a>
<div class = "test">long text</div>
<div class = "stop">Stop here</div>
<div class
浏览 0提问于2011-08-30得票数 0
回答已采纳
3回答
我正在构建一个React应用程序，在这里我有页脚链接，当单击这些链接时，将用户带到他们正在单击的任何页面的底部。我想改变它，以便当这些链接被点击时，用户会自动被带到新页面的顶部。
我已经尝试了一个自动滚动到页面顶部的解决方案，但问题是我为我的网站设置了平滑的滚动设置，因为我有一些按钮可以滚动到页面的某些部分，我希望这个动画是光滑的。但是，对于这个特定的函数，我不想要平滑的滚动，因为我不希望用户看到他们被带到页面底部，然后滚动起来。
这是我目前的代码：
useEffect(() => {
window.scrollTo(0, 0)
}, [])
有没有办法不使用滚动就可以完成这一任
浏览 2提问于2022-03-22得票数 -1
1回答
我使用Jquery.Localscroll在锚点之间平滑地移动窗口。如何在页面加载时更改URL以包含锚点链接，以便在页面加载时平滑地滚动到某个部分。
或者，有没有更好的方法在加载文档时滚动到某个部分。
谢谢。
浏览 3提问于2011-12-19得票数 1
回答已采纳
当用户点击一个按钮时，我用它来平滑地滚动到特定的部分：
window.scroll({
top: $(this).data('y'),
left: 0,
behavior: 'smooth'
});
这在任何地方都很有效(包括Android手机)，除了Safari (台式机和iphone)。在这些情况下，它会滚动到正确的位置，但它并不平滑，就像它跳跃一样。
我在Codepen available 上做了一个小演示。只需点击导航菜单选项，它就会滚动到那里。这在Chrome上会很流畅，但在Safari上就不会了。
这不受支持吗？(似乎不是这样，)支持的选
浏览 0提问于2018-08-08得票数 21
回答已采纳
可能是一个愚蠢的问题，但我正在使用一个插件来平滑地滚动到一个元素，我在侧边栏上有一个按钮，我想使用这个插件，但我也希望当我单击该按钮时，侧边栏关闭。我有一个关闭侧边栏的功能，这个侧边栏是我通过道具传递的，但我真的不确定如何通过一个按钮将两者结合起来工作。基本上，我怎样才能把这两个按钮合而为一..
import React from "react"
import "./sidebar.css"
import scrollTo from "gatsby-plugin-smoothscroll"
const Sidebar = props =>
浏览 0提问于2020-05-17得票数 0
1回答
我需要一个jquery页面平滑滚动从顶部到底部，甚至从底部到顶部。我有日志列表的页面，所以想如果有人旋转它的鼠标滚轮，它给他/她平滑的滚动。这个页面包含了很多不同的图片和名称，还有很多div和锚文本，所以我想要整个页面的平滑滚动。！！我尝试了一个jquery脚本，但它并不适用于所有的浏览器。
浏览 5提问于2011-06-26得票数 0
回答已采纳
Meteor在iphones上的流畅滚动有一个奇怪的问题：
通过添加此CSS代码片段，可以轻松修复此问题
html, body {
overflow-y: scroll; /* has to be scroll, not auto */
-webkit-overflow-scrolling: touch;
}
但是，一旦添加了overflow：
overflow-y: scroll; /* has to be scroll, not auto */
然后javascript scrollTo就不再起作用了，我用它和react-router一起滚动到路由更改的顶部：
const sc
浏览 36提问于2017-02-11得票数 0
回答已采纳
此问题适用于在外部鼠标上使用鼠标滚轮，而不是在触摸板上。
我正在开发一个修改鼠标行为的程序。
我使用的是window.scrollBy，但window.scroll或window.scrollTo或其他东西也可以工作。
我已经包含了下面的代码，用于测试页面，您可以复制和粘贴。
它适用于一个卷轴，但不是一次多个卷轴。
鼠标滚轮的一个滚动可以平滑地向上或向下滚动。
但是，当多个滚动被快速发送时，页面实际上以抖动的方式较慢地滚动。
问题似乎是，在第一个滚动完成之前，下一个滚动就会中断它。
例如，在我输入的代码中：
如果您缓慢向下滚动5次，然后快速向上滚动10次，页面不会向上滚动到顶部。
这让我想知道
浏览 0提问于2020-01-20得票数 0
我有这样的代码，当您打开链接时，它将滚动到页面上的特定div。
collection.html
<a id='about' href="index.html">about</a>
index.html
<div id='#moreInfo>contents here</div>
<script>
$(document).ready(function(){
$('html, body').animate({
scrollTop:
浏览 4提问于2015-09-17得票数 1
回答已采纳
5回答
我有一个JS来制作一个从页面底部到顶部的平滑滚动，它可以工作：
<script>
$("a[href='#top']").click(function() {
$("html, body").animate({ scrollTop: 0 }, "slow");
return true;
});
</script>
但是现在我想做一个从上到下的平滑滚动，我尝试了这个：
<script>
$("a[href='#footer'
浏览 2提问于2014-05-24得票数 22
回答已采纳
1回答
滚动到重复元素
、、
我一直在使用ScrollTo脚本(jquery.scrollTo-1.4.3.1-min.js)平滑地滚动到wordpress博客上的每一篇文章。从较新版本的jQuery开始，此代码已停止工作。这是我最初找到代码的地方：
有没有人有建议或者更好的方法来获得这个功能？
这里有一个小技巧，prev，next链接应该引起滚动到相邻的.post div
浏览 0提问于2013-07-13得票数 1
回答已采纳
3回答
我想滚动到我的应用程序中的特定目标--如下所示：
var editor = self.$el.find(".editorWrapper[data-containerid=" + containerId + "]").closest('.containerWrapper');
$('html, body').animate({
scrollTop: editor.position().top-5
}, 1000);
问题是，有些元素在向下滚动->时呈现，例如图像或iframe在滚动时呈现，我不知道新呈现元素的高度(很
浏览 0提问于2015-03-31得票数 0
回答已采纳
我在功能组件中使用react-virtualized List。它允许您为可评分列表div设置ref。我有一个onScroll函数，它当前捕获滚动列表的scrollTop位置，并将其存储在fromPosition中。我还有一个变量，用于存储要滚动到的toPosition。 有没有人有一种干净的方法可以让List组件以一种平滑的动画方式从fromPosition滚动到toPosition……并在某个状态发生变化时触发(triggerVar)？
浏览 35提问于2020-11-01得票数 0
1回答
我正在建设一个电子商务网站。我从数据库中获取数据(要显示的产品)，并将其存储在缓存中，并在滚动事件中从缓存中获取数据。这在所有浏览器，甚至IE中都能很好地工作，但前提是关闭平滑的滚动。为什么会发生这种事？如果平滑滚动被禁用，它就能工作。是否有任何方法可以通过编程禁用平滑滚动。我在用asp.net？
如果启用平滑滚动，则整个缓存数据将一次性显示，而不是一点一点地加载数据。数据一次又一次地显示在每一个向下滚动。
我对编程很陌生。所以请原谅这些错误。
浏览 0提问于2015-07-06得票数 0
回答已采纳
5回答
问题是“如何将ScrollView向上滚动到非常平滑和缓慢的顶部”。
在我的特殊情况下，我需要在大约1-2秒内滚动到顶部。我尝试过使用处理程序手动插值(调用scrollTo(0，y))，但根本不起作用。
我已经在一些阅读器应用程序上看到了这种效果，所以我确信一定有一种方法:D. (文本非常缓慢地向上滚动，继续阅读，而不是触摸屏幕，进行输入)。
浏览 0提问于2011-08-26得票数 14
回答已采纳
1回答
我想导航到一个新页面上的锚点，但我希望页面加载在顶部，然后立即平滑滚动到相关的锚点。这能办到吗？
我是个有Javascript的新手。
这是我目前用来在当前页面中平滑滚动的js。我只是在链接上应用了一个“滚动”类。
非常感谢！
<script>
$(function(){
$('.scroll').on('click',function(e) {
e.preventDefault();
$('html, body').animate({ scrollTop: $($(this).attr('href'
浏览 4提问于2015-05-18得票数 30
回答已采纳
我在Cordova应用上有一个剑道网格。在网格上，滚动由于kendo css中的css规则'k-grid tr:hover‘而参差不齐。如果我在开发人员工具中禁用此规则，滚动就会很流畅。有什么方法可以禁用这个悬停规则吗？
我不想重写悬停行为。我想禁用它。
编辑:这个问题是由于悬停的滚动在网格上不平滑造成的。滚动在触摸结束后开始，但它应该随着触摸移动而移动。这会导致滚动出现锯齿状。删除悬停规则可以解决此问题，并使滚动变得平滑。
如有必要，请要求进一步澄清。
浏览 3提问于2016-06-01得票数 1
1回答
我有水平scrollView在它的视图(按钮)是动态添加的。
我想要的是当activity开始水平滚动时，scrollView会自动从右向左滚动。
我被这个问题卡住了。有人知道我怎样才能做到这一点吗？
浏览 0提问于2012-07-06得票数 0
回答已采纳
2回答
我有这个脚本，在一个链接列表上运行：
$('li#linkcat-25 a').bind('click', function (e) {
e.preventDefault();
$('#preview').load($(this).attr('href'));
$('#loading').show('fast');
$('#preview').hide('fast');
$('#preview').show(&#
浏览 0提问于2010-04-08得票数 0
回答已采纳
这是两个部分的问题。我建立了一个网页，我需要知道：
是否有一种方法可以检测IE是否启用平滑滚动(如果是，如何实现)？是否有方法强制IE关闭我的网页的平滑滚动？
说清楚一点，我不是在问如何关掉整个电脑的平滑滚动。我是开发一个网页的开发人员，只有当平滑滚动被禁用时才能正常工作。
浏览 3提问于2012-02-02得票数 3
回答已采纳
我想在窗口滚动后对输入调用focus()。我对scrollTo()方法使用了平滑行为。问题是focus方法减少了平滑行为。解决方案是在滚动结束后立即调用focus函数。
但是我找不到任何关于如何检测scrollTo方法结束的文档或线程。
let el = document.getElementById('input')
let elScrollOffset = el.getBoundingClientRect().top
let scrollOffset = window.pageYOffset || document.documentElement.scrollTop
let
浏览 2提问于2018-09-12得票数 36
回答已采纳
9回答
光滑涡旋angular2
、、、
我很难让平滑的滚动服务在角2中工作。是否有任何平滑滚动的服务，或者普通的锚滚动，直到角2团队获得$anchorScroll angular2等效的工作为止？
到目前为止，我已经尝试过：
在父div上设置*ngFor循环增量id
[attr.id]="'point' + i"
在已传递id的按钮上调用滚动体
<button
type="button"
class="btn btn-lg btn-default "
(click)="smoothScroll('point
浏览 6提问于2016-03-18得票数 30
回答已采纳
我有一个可扩展的列表视图。我的一个小组，Group1，有15个孩子。在点击和扩展Group1时，我如何平滑地滚动到第十个孩子？
谢谢。
浏览 0提问于2014-08-24得票数 3
我在一个长页面的顶部有一个错误消息区域。在asp.net中执行ajax回发后(使用更新面板)，有时我需要显示一条错误消息，它将显示在视口之外，用户可能不会注意到它。
我希望返回(相同)的页面滚动到页面顶部平滑，而不是突然跳转。在我看来，这是一个更好的用户体验。
我正在寻找c# + Javascript代码来做这个效果，或者至少JS平滑滚动效果。
浏览 3提问于2009-02-23得票数 4
回答已采纳
我想实现一个简单的顶部和底部滚动按钮点击。卷轴在所有浏览器中都应该是平滑的。
规定-
我有两个按钮在页面上，在页面的顶部有一个名为 down 的按钮点击，它应该向下到页脚div。
页面底部还有一个名为“ up ”的按钮，点击该按钮将显示在屏幕上。
我尝试过一个解决方案，但在IE中，卷轴并不光滑。如何使滚动行为在所有浏览器中平滑。
目前，我已经在CSS中使用了滚动行为属性，但是它是一个良好的实践吗？有没有办法用JavaScript代替CSS呢？
html{
scroll-behavior: smooth;
}
注意:它也应该在IE中工作。
我非常感谢你的帮助。
代码的代码链接-
浏览 4提问于2020-12-15得票数 5
我正在使用jQuery scrollTo在溢出的div中滚动内容。当我单击链接时，div将垂直滚动其内容。但是，我希望当我将鼠标悬停在链接上时，而不是单击它们时，会出现这种效果。
我不相信这是jQuery的scrollTo的一个选项。但是，对于hover事件，有一个jQuery API方法。
这看起来可能是一个简单的问题，但是有没有办法通过悬停而不是点击来保持"scrollTo“的垂直滚动功能呢？
垂直滚动：
jQuery(function ($) {
$.localScroll.defaults.axis = 'y';
$.localScroll({
浏览 0提问于2010-02-10得票数 0
2回答
我可以使用下面的代码滚动到200px
btn.addEventListener("click", function(){
window.scrollTo(0,200);
})
但是我想要一个平滑的滚动效果。我该怎么做呢？
浏览 0提问于2017-02-16得票数 84
回答已采纳
我有一个平滑滚动功能，在Chrome和Safari上运行得很好，但在火狐上就不行了，因为它调用的是document.body.scrollTop。
function smoothScroll(body, destination, duration) {
duration = (typeof duration != "undefined")
? duration
: 500;
if (duration <= 0) return;
var difference = destination - body.scrollTop;
var per
浏览 0提问于2016-09-25得票数 0
回答已采纳
我目前使用这个函数滚动平滑()到目标哈希在同一页与引导。
$('.navbar .destScroll').bind('click', 'ul li a', function(event) {
$.scrollTo(event.target.hash, 500);
event.preventDefault();
});
由于页面顶部有一个固定的80 of菜单，所以我希望滚动框在目标散列之上停止80 of。
请帮帮忙。
浏览 2提问于2014-08-31得票数 0
回答已采纳
1回答
我使用纯javascript的垂直滚动。我需要这个滚动有平滑的行为。 function move_up(scroll_nav)
{
var container = document.getElementById(scroll_nav);
upScroll(container,'up',40,50,10);
}
function move_down(scroll_nav)
{
var container = document.getElementById(scroll_nav);
浏览 17提问于2020-07-16得票数 1
我的导航栏里有这个：
<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
回答已采纳
我使用的是。但我想确定插件何时完成滚动。在我的页面上，滚动速度设置为800。我该怎么做呢？
我试过了：
isScrolling = true;
jQuery(listWrapper).scrollTo(theId, 800);
isScrolling = false;
但似乎isScrolling = false在滚动完成之前就已经设置好了。
除此之外，我还有一些附加到scrollto事件的JavaScript。滚动会减慢到令人痛苦的速度，因为它试图同时执行平滑滚动和运行滚动事件。我希望在滚动时有效地禁用滚动事件，并在滚动完成后重新启用它。
浏览 4提问于2012-02-08得票数 1
回答已采纳
在iPhone或Ipad上查看页面时，我遇到了scrollTO jquery插件的问题。当单击其中一个按钮时，滚动刷新页面，然后滚动，看起来页面在滚动时闪烁。所有我想要的是有平滑的滚动到页面上的确切元素。
你可以找到页面的developemnet版本。
有人能帮我解决这个问题吗？
谢谢并致以问候，Matej。
浏览 0提问于2012-08-30得票数 0
我想以编程方式滚动到scrollView...which中的特定点，我可以做得很好…除非我立即降落在那里。
有没有办法控制滚动的速度，让它看起来更平滑？
谁能给我指个有滚动视图的动画吗？
浏览 0提问于2017-03-03得票数 2
45回答
我正在使用scrollTo jQuery插件，想知道是否可以通过Javascript暂时禁用窗口元素上的滚动？我想禁用滚动的原因是，当你在scrollTo动画中滚动时，它会变得非常丑陋;)
当然，我可以执行$("body").css("overflow", "hidden");，然后在动画停止时将其恢复为自动，但如果滚动条仍然可见但处于非活动状态，效果会更好。
浏览 0提问于2011-01-23得票数 500
回答已采纳
1回答
我的要求是创建一个具有固定标题和第一列的表，表数据将在水平和垂直方向滚动。
为此，我使用了3个滚动视图，下面的gif将说明这一点。
第一个滚动视图是标题名称行，它被设置为横向= true (即它的滚动方向是水平的)
第二个滚动视图是表的kcname第1列，它是垂直滚动，两者都具有scrollEnabled={false}，因为它们不会使用滚动手势，所以它们是使用scrollTo编程滚动的。
第三个滚动视图是充满数据的体单元格表，这个视图有两个滚动视图作为父视图，一个是水平滚动，另一个是垂直滚动。
两个体滚动视图的滚动值被放置在另外两个滚动视图的scrollTo中，使用
浏览 1提问于2017-04-11得票数 11
我正在尝试在jPlayer，一个javascript音频播放列表中实现一个滚动到DIV的滚动(也就是平滑的滚动和一些缓动)。基本上，播放列表是在滚动DIV中，带有滚动条和鼠标滚轮滚动，当曲目改变时，我希望它触发滚动到当前播放的曲目，即新曲目，以便它在DIV中垂直居中(具有可变高度)。
我想我应该首先尝试向#jplayer_next事件添加一些代码，通常如下所示：
$("#jplayer_next").click( function() {
playListNext();
$(this).blur();
return false;
浏览 0提问于2011-03-25得票数 0
回答已采纳
1回答
禁用主窗口上的滚轮滚动
、、、
我似乎找不到这个问题的答案，如果已经有人回答了，我很抱歉。
我在我的网站的div中使用滚动功能，发生的情况是用户滚动到div底部后，它会自动滚动主页。我想让它在指针位于div内部时停止，只有当指针离开div区域时，整个站点才会滚动。有办法做到这一点吗？
谢谢
浏览 0提问于2014-05-05得票数 0
1回答
我使用vanilla使按钮平滑地向下滚动到div元素(目标是id)。
我的密码是这样的：
this.myButton.addEventListener("click",load_section);
function load_section() {
document.querySelector('#myDiv').scrollIntoView({ block: 'end', behavior: 'smooth' });
}
在所有其他浏览器中，这将顺利地滚动到该部分。在边缘，它只是跳到它。我需要更
浏览 0提问于2018-07-30得票数 2
1回答
反应水平平滑滚动
、、
这是一个如此模糊的问题，因为我正在努力寻找一个解决方案- 有没有人能推荐一个在React- NOT Native中水平平滑滚动的包或技术？ (它将是应用程序的整个正文，而不是菜单)
浏览 6提问于2020-07-29得票数 0
1回答
我在这方面花了几个小时，作为JavaScript / JQuery的新手，我仍然不知道如何做以下工作：
我有一个“回顶”锚链接，在我的页脚，其中链接到页眉。据我所知，有CSS代码使这是一个平滑的滚动(缓慢)的运动：
html {
scroll-behavior: smooth;
}
但这在Safari不起作用。
在CSS网站()上，它说除了上面的CSS之外，还有一个JavaScript选项：
window.scroll({
top: 2500,
left: 0,
behavior: 'smooth'
});
但我如何或在何处将其添加到我的链接/页面中呢？我想
浏览 1提问于2021-12-14得票数 2
回答已采纳
1回答
用于平滑滚动的按钮
、、、
我正在做一个平滑滚动到页面底部的按钮。按钮正在工作，但没有平滑的动画。有没有人知道我做错了什么？按钮到顶部的相同类型的代码工作得很好。我需要做到这一点没有CSS“平滑”。 document.getElementById("buttondown").onclick = function() {
scrollTo(5555550, 2000);
}
// Element or Position to move + Time in ms (milliseconds)
function scrollTo(element, duration) {
var rootelem
浏览 16提问于2021-04-18得票数 0
目前，我有以下代码来滚动到div：
button.addEventListener('click',function(){
element.scrollIntoView();
},false);
我怎样才能让它平滑滚动？(no-jQuery，no-plugin)
浏览 0提问于2014-09-29得票数 1
我试图使用jQuery插件.scrollTo()，以便使用箭头键顺利滚动到特定的网页药剂。也就是说，当按下时，浏览器将平滑地滚动到divs列表中的下一个divs。但是，由于箭头键通常与web浏览器中的滚动功能绑定在一起，所以当按下箭头键触发.scrollTo()函数时，就会产生抖动效应。
当按下箭头键时，浏览器首先会非常迅速地尝试正常滚动而不平滑，然后很快就开始通过scrollTo()函数顺利滚动。
我通常可以想象，为了防止发生任何滚动，可以简单地为return false中的jQuery中的按键事件设置.scrollTo()，但这也会防止.scrollTo()被箭头键按下触发。
是否有一种简
浏览 2提问于2012-06-22得票数 0
回答已采纳
3回答
如何在启用平滑滚动的情况下，使用JavaScript将窗口立即滚动到某个位置？
:root {
scroll-behavior: smooth;
}
有什么方法可以忽略这个CSS规则吗？如下所示：
window.scrollBy({ top: 0, behavior: 'instantly' });
浏览 18提问于2019-11-27得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
