为什么本机css平滑滚动在本例中不起作用？

文章/答案/技术大牛

发布

1回答

html、css

我正在尝试将scroll-behaviour:smooth css属性应用于网页正文，但它仍然具有即时滚动的行为。

浏览 25提问于2020-04-30得票数 0

回答已采纳

2回答

向导航栏中的页面跳转URL添加滚动动画

javascript、html、css、scroll、page-jump

当我按下一个链接(在本例中是Contact us)时，我想要平滑地滚动，这个链接指向一个锚标签(#contact_us)，这个锚标签出现在不同的部分，但在同一个页面上。问题是没有任何平滑的滚动，它只是立即将我发送到锚标签。我应该使用JS还是只使用CSS (如果可能的话)，因为我正在使用PHP？提前感谢你的提示:D。

浏览 11提问于2020-12-22得票数 2

5回答

Javascript / CSS window.scrollTo(0,0)不工作

javascript、css

我正在构建一个web应用程序，当执行操作时，该web应用程序的一部分需要滚动到顶部。这是使用window.scrollTo(0,0)处理的，它工作得很好，直到我在下面添加了一些CSS样式(这是我在这个项目中需要的)。有没有人知道为什么下面的CSS会阻止window.scrollTo(0,0)工作？: translate3d(0,0,0); transform: translate3d(0,0,0);附注:在我的情况下

浏览 1提问于2013-01-31得票数 9

1回答

使用特定的smoot-scroll库向Anchor添加类

javascript、html、css、anchor、smooth-scrolling

我最近安装了的平滑滚动库，它的平滑滚动特性非常出色。锚点使用CMS添加到我的文本中，如下所示：ID每次都是不同的，关于我在文本中谈到的内容。，以便在运行平滑滚动后添加类。它看起来是这样的： css/app.css

浏览 2提问于2018-05-07得票数 0

1回答

OnScroll折叠视图反应本机

javascript、reactjs、react-native

因此，我的Idee是在向下滚动时，将组件ItemList向上移动到-150，当我向上滚动时，我将移动到值scrollY达到0为止。在Stack()上已经有一篇文章显示了我想要的东西。

浏览 0提问于2021-01-29得票数 0

1回答

是否可以在不替换滚动条的情况下流畅地滚动浏览器内容

javascript、jquery、scroll、scrollbar、smooth-scrolling

是否有可能在不替换滚动条的情况下平滑地滚动浏览器内容-类似于本例中的行为：我检查过的所有插件都有助于平滑鼠标滚轮页面滚动或跳转到链接滚动，但我希望在拖动内置浏览器滚动条时平滑移动

浏览 0提问于2015-11-19得票数 0

2回答

使用鼠标滚动进行平滑滚动

javascript、html、css

我想知道这个页面背后的插件/css技巧是什么来实现平滑的滚动- 。如您所见，当您滚动时，页面将在您使用第三个鼠标按键停止滚动后继续滚动。

浏览 22提问于2017-08-29得票数 0

回答已采纳

1回答

jquery锚效应不能正常工作。

menus、jquery、urls

body').stop().animate({ }, 900, 'swing');问题是，这只在主页上有效，但在其他页面中，它不能工作，因为我需要提供web链接(www.url.com/#锚)。

浏览 0提问于2019-07-24得票数 0

回答已采纳

2回答

单击锚点链接时的滚动速度

javascript、html、css、wordpress

我在一个WordPress网站上工作，一个客户来找我。他要求锚链接的所有滚动速度都匹配。页面很好地向下滚动到下一部分。现在，如果我点击产品(https://www.lakeshoresup.com/product/pathfinder/)中星号旁边的Write Review，它会立即跳到底部。客户想要第一个链接的滚动。首先，我如何改变滚动速度？其次，它会起作用吗？评论来自名为Yotpo的第三方。是否有可能更改此链接的滚动</e

浏览 73提问于2020-10-08得票数 0

回答已采纳

1回答

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

javascript、css、scroll

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

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

回答已采纳

1回答

Noob问题:是否可以在页面上键压事件之后添加平滑滚动效果？

javascript、html

我尝试使用click事件在页面上平滑滚动，它也适用于CSS，但我尝试了keypress事件，但平滑滚动似乎不起作用。

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

3回答

重新绘制时间从0到8ms，Chrome仍然不能顺利滚动

html、performance、css、google-chrome、smooth-scrolling

首先，让我解释一下我所说的“平滑滚动”是什么意思。当我按一个“步骤”旋转鼠标轮时，例如在Google搜索结果页面上，页面会逐渐向上/向下移动--从“前滚动”到“后滚动”状态的转换需要一些时间，并且动画效果很好。然而，每当我在html中创建一个长页面，并试图滚动一个“步骤”，没有动画或过渡滚动-该页面只是立即跳几行向上或向下。我知道，这种平滑滚动可以实现没有任何脚本，例如，网站滚动超级光滑的

浏览 2提问于2014-09-13得票数 0

回答已采纳

3回答

CSS 'snap-scroll‘干扰jQuery '.animate scrollLeft’

jquery、html、css

我有一个html和css滑块，我使用scroll-snap进行手动滚动，使用jQuery按钮进行自动滚动。去掉css的滚动快照可以解决这个问题，但是样式对于滑块是必需的。<div class="box"></div><button id="left">←</button> <button id="right">&

浏览 1提问于2019-04-26得票数 6

1回答

Firefox，触摸事件和“平滑”滚动行为--结果是没有滚动。

javascript、css、firefox、scroll、touch-event

请参阅CodePen：这确实与Chrome的初衷完全一样。我错过了什么？为什么在使用smooth滚动行为时火狐一点也不滚动，即使似乎正确地检测到了滑动？更奇怪的是:在CodePen中</

浏览 2提问于2019-03-28得票数 0

6回答

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

javascript、jquery、scroll、scrollto

每当用户接近文档顶部时，我都会尝试向下滚动100px。$.scrollTo({ top: '+=100px', left: '+=0px' }, 800);我知道我已经正确地链接了jquery页面，因为我在整个过程中使用了许多其他

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

回答已采纳

1回答

我无法摆脱IE 11中的内部浏览器滚动条(使用simplebar)

javascript、scrollbar、internet-explorer-11

由于严重的性能问题，我不得不离开perfect-scrollbar和ngx-perfect-scrollbar，因为在IE11中与角2一起使用时会出现严重的性能问题。为了在平滑和响应区域中保持页面性能，我不得不做一些不愉快的技巧(D3图表对此特别敏感)。无论如何，我之所以选择，是因为它使用了本机滚动卷，这对解决这些性能问题有很大的好处。当我插入滚动条的一个实例时，我会同时得到simplebar和浏览器本机滚动条。我使用以下C

浏览 3提问于2017-09-21得票数 2

回答已采纳

1回答

流畅的滚动，为什么我需要一个脚本，当CSS可以做到它在一行？

javascript、css、scroll、smoothing

很容易使用css属性滚动-行为将其设置为平滑，所以为什么我看到在线使用Jquery和库来做同样的事情，什么时候使用CSS可以在一行代码中完成呢？

浏览 4提问于2021-03-13得票数 0

回答已采纳

2回答

溢出上的假滚动条:隐藏

html、scroll、html5-canvas、fabricjs

我有一个大画布包裹在一个较小的div容器中，溢出隐藏在里面。我看到很多Jquery库都在做类似的事情，但它们使内容

浏览 3提问于2013-02-18得票数 3

回答已采纳

1回答

平滑滚动到鼠标在第一个摩丝表情上的位置

javascript、html、jquery、css

我创建了一个使用mousemove()函数自动滚动到mousemove的区域。问题是，在该区域的第一个摩丝表情，直接跳到没有平滑滚动的位置。 var sl = offset; $divStage

浏览 1提问于2022-10-23得票数 1

回答已采纳

1回答

当用户滚动文档jquery时，停止光标在游标div上的更改

javascript、jquery、html、css

今天，我发现当用户滚动时，Google+将光标设置为初始，当用户仍在滚动时，在所有超链接或图像上悬停时光标不会改变$(window).scroll(function(){

浏览 4提问于2015-06-27得票数 0

回答已采纳

点击加载更多