在scrollTo上禁用css滚动平滑

文章/答案/技术大牛

发布

1回答

javascript、css

我的元素有css scroll-behavior:smooth，我使用它来平滑散列的"a href“链接。我希望页面首先加载到页面上的一个固定位置，这意味着它不会在第一次加载时将滚动“平滑”到该位置，而只是在之后使用它。我不想使用任何setTimeOut技巧，我知道scrollTo有被广泛支持的“选项”，但我找不到任何类型的“行为”来覆盖css平滑度。

浏览 24提问于2021-02-25得票数 1

1回答

禁用默认箭头键滚动行为以删除jQuery.scrollTo()抖动

jquery、jquery-plugins、scrollto、smooth-scrolling

我试图使用jQuery插件.scrollTo()，以便使用箭头键顺利滚动到特定的网页药剂。也就是说，当按下时，浏览器将平滑地滚动到divs列表中的下一个divs。但是，由于箭头键通常与web浏览器中的滚动功能绑定在一起，所以当按下箭头键触发.scrollTo()函数时，就会产生抖动效应。当按下箭头键时，浏览器首先会非常迅速地尝试正常滚动而不平滑，然后很快就开始通过scrollTo()函数顺利滚动。我通常可以想象，为了

浏览 2提问于2012-06-22得票数 0

回答已采纳

2回答

在IE中滚动时抖动背景图像

scroll、internet-explorer-11

我一直在一个只有一页的视差测试网站上工作，在IE11上滚动时，我一直在挣扎于抖动或抖动的图像。这是一个网站：2)缩小图像大小4)可以通过将div的“位置”改为“固定”来解决这个问题。但那样的话，我将不得不改变我的整个脚本，因为它依赖于图像是“相对的”。因此，激活DOM-资源管理器可以防止滚动时div的抖动！有人能帮我解决这个问题，而不必

浏览 11提问于2014-05-22得票数 2

45回答

如何暂时禁用滚动？

javascript、jquery、scroll

我正在使用scrollTo jQuery插件，想知道是否可以通过Javascript暂时禁用窗口元素上的滚动？我想禁用滚动的原因是，当你在scrollTo动画中滚动时，它会变得非常丑陋;) 当然，我可以执行$("body").css("overflow", "hidden");，然后在动画停止时将其恢复为自动，但如果滚动条

浏览 0提问于2011-01-23得票数 500

回答已采纳

6回答

如何使用JQuery $.scrollTo()函数滚动窗口

javascript、jquery、scroll、scrollto

每当用户接近文档顶部时，我都会尝试向下滚动100px。alert("starting");alert("finished"); 我知道我已经正确地链接了jquery页面，因为我在整

浏览 2提问于2009-05-07得票数 100

回答已采纳

3回答

如何确定jQuery.ScrollTo何时完成平滑滚动

jquery、jquery-plugins、scrollto

但我想确定插件何时完成滚动。在我的页面上，滚动速度设置为800。我该怎么做呢？我试过了： jQuery(listWrapper).scrollTo(theId, 800);但似乎isScrolling = false在滚动完成之前就已经设置好了。除此之外，我还有一些附加到scrollto事件的JavaScript。滚动会减慢

浏览 4提问于2012-02-08得票数 1

回答已采纳

2回答

如何在JavaScript中使用scrollTo重写CSS滚动行为

javascript、css

默认情况下，我有滚动平滑功能，但是对于一个JavaScript scrollTo()命令，我想覆盖CSS的“平滑”行为并使用auto，但是JS不会覆盖CSS。我能做些什么？

浏览 66提问于2020-03-22得票数 3

回答已采纳

1回答

我可以从JavaScript更改CSS滚动行为吗？

javascript、css、scroll

为此，我使用JavaScript，如下所示： window.scrollTo(0,0);这对我很有用，直到我打开CSS中的平滑滚动：现在它根本不起作用。我想要做的是暂时关闭JS中的CSS平滑滚动行为，如下所示： document.getElementsBy

浏览 1提问于2020-03-19得票数 3

回答已采纳

1回答

Meteor + overflow-y:滚动使window.scrollTo无法工作

javascript、css、reactjs、meteor、react-router

Meteor在iphones上的流畅滚动有一个奇怪的问题： overflow-y: scroll; /* has to bewebkit-overflow-scrolling: touch;但是，一旦添加了overflow：然后javascript scrollTo就不再起作用了，我用

浏览 36提问于2017-02-11得票数 0

回答已采纳

1回答

滚动到具有位置粘性的元素。

javascript、css、angular

因此，我有一个元素驻留在我的列表的底部，使用：bottom: 0;这两个问题我都找不到解决办法。我的目标是有一个粘性的元素，并能够对齐它的顶部时，点击它。我用的是角度，但我并不认

浏览 1提问于2021-11-08得票数 0

1回答

导航栏是如何使用vanilla javascript实现平滑滚动的？

javascript、web

假设我的网页顶部有一个导航栏，我是否只使用scrollTo方法？有没有更好的方法呢？如果我的问题听起来很愚蠢，很抱歉。

浏览 14提问于2020-02-22得票数 1

3回答

Javascript - Vuejs -自动整页平滑滚动

javascript、vue.js

我有一页将显示在电视上(主板)。我正在寻找一种方法，以使这个页面自动滚动到底部，(在一个相当慢的速度)。一旦在底部，要么重置到顶部，或者理想情况下，可能只是无限大循环从顶部。

浏览 1提问于2018-04-19得票数 1

回答已采纳

3回答

如何在不修改kendo css的情况下关闭kendo网格的css:hover (.k-grid tr:hover)？

javascript、css、cordova、hover、kendo-grid

我在Cordova应用上有一个剑道网格。在网格上，滚动由于kendo css中的css规则'k-grid tr:hover‘而参差不齐。如果我在开发人员工具中禁用此规则，滚动就会很流畅。有什么方法可以禁用这个悬停规则吗？编辑:这个问题是由于悬停的滚动在网格上不平滑造成的。滚动在触摸结

浏览 3提问于2016-06-01得票数 1

3回答

平滑滚动到纯Javascript位置

javascript、html、jquery、css、animation

在我现在工作的网站，有一个水平导航是固定在顶部，而滚动和自动聚焦相应的菜单项，当它滚动到映射的部分。此外，当单击菜单项时，主体容器应该自动滚动到该部分。我已经研究了相当多的问题和答案，在这个网站上，window.requestAnimationFrame()或CSS转换效果。但我找不到一个完美的解决方案。谢谢。

浏览 10提问于2022-10-14得票数 0

5回答

如何在没有动画的情况下滚动

javascript、jquery、html、css、scroll

因此，我使用了提供的优秀插件，它可以轻松地滚动到任何位置。我使用它主要是为了让用户在页面刷新时保持当前的滚动位置(不要问，我的是一个在某些情况下具有自动刷新功能的遗留游戏站点)。因此，我将当前滚动位置存储到window.onBeforeUnload上本地存储中，并在页面加载后使用该值滚动到上一个位置。$('content-grid').scrollTo(offsetBeforeReload); 这工作，但我想“跳”到该位置没有动画<

浏览 5提问于2016-01-12得票数 3

1回答

有没有办法强制滚动行为`auto`，即使滚动行为在html上被定义为‘平滑’？

javascript、html、css、scroll

我想要有滚动行为auto。问题是在我的项目中，滚动行为被设置为在全局级别上平滑。html {} top: 500,}); 问题是它总是采用css中定义的行为，即使我在js中定义了不同的行为。有没有办法强制浏览器在<

浏览 1提问于2020-10-19得票数 0

1回答

如何在next.js中激活平滑滚动

next.js、scroll、router、smoothing

我想做平滑滚动路由器哈希，但下一个js不明白它。我使用这个函数 const element = document.getElementById(id);if (element) { top: element.getBoundingClientRect().top + window.scrollY,

浏览 10提问于2022-09-30得票数 0

回答已采纳

3回答

如何在函数期间暂停所有jQuery函数和DOM加载？

javascript、jquery、dom

我使用jQuery scrollTo()在我的站点上平滑滚动。工作出色，除非在初始加载期间。当页面上的图像被加载时，它使平滑的滚动变得不那么平滑，而且非常滞后。所以问题是，您能在scrollTo()期间停止所有将暂停所有加载、平滑滚动页面的处理，然后再重新加载吗？我使用的jQuery用于scrollTo： $('.smooth-scroll').click(fu

浏览 0提问于2015-07-23得票数 0

回答已采纳

1回答

div覆盖中的jquery链

jquery、chaining

我正在尝试‘链入’(添加)和额外的功能到这个：$('a.scroll').live('click',function(){ window.location.hash = this.hash;}); 我想要的是，在页面平滑滚动的同时，也要有一个

浏览 1提问于2012-10-19得票数 0

1回答

只使用CSS3创建一个类似Javascript的ScrollTo效果？

css、scroll

是否可以仅使用CSS3来创建类似Javascript的scrollTo效果？例如：并以某种方式告诉窗口平滑地滚动到该位置？使用Javascript很容易，但CSS会更好。

浏览 0提问于2011-11-03得票数 1

点击加载更多