我正在尝试用"overflow-y: auto;“使DOM在使用鼠标滚轮时滚动平滑，有没有什么设置可以使CSS或JS代码滚动平滑，而不是每次滚动都跳得很大？
浏览 3提问于2019-10-23得票数 0
1回答
停用平滑滚动元素
、、、、
我已经做了一个网站都在一个锚链接集的页面。当我点击菜单contact项时，它会平滑地向下滚动到"Contact“部分。我想删除平滑的滚动效果，并直接重定向到该部分，而不是缓慢滚动到页面底部。 我在wordpress中使用elementor builder。有没有Jquery函数或CSS代码可以消除平滑滚动？ 提前感谢您的帮助。
浏览 14提问于2020-10-30得票数 1
2回答
IE的平滑滚动导致我的应用程序行为奇怪(滚动事件被触发时会有一个小小的延迟)。
有没有办法完全禁用使用CSS或Javascript的IE11中的平滑滚动？
浏览 1提问于2015-04-02得票数 5
回答已采纳
默认情况下，我有滚动平滑功能，但是对于一个JavaScript scrollTo()命令，我想覆盖CSS的“平滑”行为并使用auto，但是JS不会覆盖CSS。 我能做些什么？
浏览 66提问于2020-03-22得票数 3
回答已采纳
1回答
我对编程很陌生。当我点击页面上的href时，我想要创建一个平滑的滚动效果，因此我使用了滚动行为:在css中平滑。我用过这样的规则
html {
scroll-behavior: smooth;
}
否则效果很好，但我不希望有这样的结果，在页面加载时，它会自动平滑地滚动到应用于href的标识符。我想避免这样做，我怎么能做到呢？谢谢。
浏览 1提问于2022-08-27得票数 0
2回答
水平平滑滚动
、、
我正在尝试创建一个基于锚定的平滑滚动水平效果。即，固定导航链接在点击时滚动到锚点(例如，id="#two")。
我已经能够使用CSS Tricks示例进行垂直滚动。()，但在我的生命中不能将相同的平滑滚动应用于水平情况。
背景:我正在尝试创造一种胶片效果。
浏览 0提问于2012-08-30得票数 1
1回答
可以为提交按钮创建平滑的滚动到页面div的行为吗？ 我有一些类似的东西 <input type="submit" value="FREE QUOTE!" onclick="window.location.href = '#quote';"> 这在div中运行得很好，但它会跳转。 对于页面上的其他锚点链接，我使用了一个平滑滚动的jQuery脚本，它可以为它们创建平滑滚动： $(document).on('click', 'a[href^="#"]', function (
浏览 15提问于2019-12-28得票数 0
回答已采纳
1回答
滚动-行为:在顺风中平滑不工作
、、、、
我正在使用next.js和顺风Css构建我的投资组合。我已经添加滚动-行为:光滑的globals.css文件。在Navbar，我曾经导航到主页，其余的我使用id导航。然而，我只能看到平滑的效果时，导航到主页，其他不工作。你能帮帮我吗？谢谢
我想使用滚动平滑效果在我的网页时，导航。
浏览 12提问于2022-10-31得票数 1
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
回答已采纳
3回答
首先，让我解释一下我所说的“平滑滚动”是什么意思。当我按一个“步骤”旋转鼠标轮时，例如在Google搜索结果页面上，页面会逐渐向上/向下移动--从“前滚动”到“后滚动”状态的转换需要一些时间，并且动画效果很好。然而，每当我在html中创建一个长页面，并试图滚动一个“步骤”，没有动画或过渡滚动-该页面只是立即跳几行向上或向下。我的页面的平均重绘时间约为5ms，峰值高达8ms，因此我知道重绘时间并不是造成这种情况的原因。
我知道，这种平滑滚动可以实现没有任何脚本，例如，网站滚动超级光滑的Chrome，即使在js禁用。
为什么Chrome选择不顺利地滚动我的页面？如何在不依赖JS的情况下实现平滑的滚
浏览 2提问于2014-09-13得票数 0
回答已采纳
1回答
Jquery平滑滚动与动态高度
、、、、
我创建了一个个人网站，我想在那里使用平滑滚动脚本。一切都很好，但我想改变高度的标题，当你点击从。
我的问题来了..。我认为平滑滚动计算文件的高度，然后我点击菜单和标题被最小化，平滑滚动滚动到他之前计算的位置。
因此，它是500便士的正确位置。怎么处理呢？
你可以看到网站。
您可以看到标题html、我的javascript和css i试用了 www.jsfiddle.net/brxoekdm/
谢谢你知道如何解决这个问题。
浏览 5提问于2014-10-21得票数 0
回答已采纳
我在Cordova应用上有一个剑道网格。在网格上，滚动由于kendo css中的css规则'k-grid tr:hover‘而参差不齐。如果我在开发人员工具中禁用此规则，滚动就会很流畅。有什么方法可以禁用这个悬停规则吗？
我不想重写悬停行为。我想禁用它。
编辑:这个问题是由于悬停的滚动在网格上不平滑造成的。滚动在触摸结束后开始，但它应该随着触摸移动而移动。这会导致滚动出现锯齿状。删除悬停规则可以解决此问题，并使滚动变得平滑。
如有必要，请要求进一步澄清。
浏览 3提问于2016-06-01得票数 1
2回答
当我按下一个链接(在本例中是Contact us)时，我想要平滑地滚动，这个链接指向一个锚标签(#contact_us)，这个锚标签出现在不同的部分，但在同一个页面上。
问题是没有任何平滑的滚动，它只是立即将我发送到锚标签。
如何确保在按下链接时有平滑的滚动效果？
我应该使用JS还是只使用CSS (如果可能的话)，因为我正在使用PHP？
提前感谢你的提示:D。
浏览 11提问于2020-12-22得票数 2
我有三个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
2回答
禁用CSS中的手动滚动
、、、、
我使用CSS平滑滚动-这是由点击一个div触发。
现在我想禁用手动滚动，所以您只能通过单击该div滚动，而不是通过实际滚动。
有可能吗？谢谢。
浏览 6提问于2021-12-15得票数 1
我有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
1回答
我想滚动到页面的底部，最近我发现了滚动行为样式标签。有没有办法用CSS风格来改变平滑滚动的速度？
相关问题(使用JQuery)：
浏览 0提问于2019-05-10得票数 7
回答已采纳
当页面被重新加载时，我正在尝试将我的页面快照到顶部。为此，我使用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
回答已采纳
2回答
我正在使用： html {
scroll-behavior: smooth;
} 以使得能够平滑地滚动到html锚标签。我还使用以下命令启用垂直滚动捕捉 和 在css中，如下面的代码所示。问题是我不能让这两种行为都工作。要启用滚动对齐，需要在容器上设置高度 ..。这似乎禁用了对html锚标签的平滑滚动。您可以在下面的代码片段中进行全屏实验。如果您删除 在下面的代码片段中，页面将平滑地滚动到锚点，但不会滚动对齐。如果包含它，页面将滚动捕捉，但会跳转到锚点，而不是平滑滚动。 html {
scroll-behavior: smooth;
}
main
浏览 63提问于2021-03-02得票数 1
回答已采纳
2回答
我想知道这个页面背后的插件/css技巧是什么来实现平滑的滚动- 。如您所见，当您滚动时，页面将在您使用第三个鼠标按键停止滚动后继续滚动。
浏览 22提问于2017-08-29得票数 0
回答已采纳
1回答
我最近安装了的平滑滚动库，它的平滑滚动特性非常出色。
锚点使用CMS添加到我的文本中，如下所示：
<span id="authentication" class="ancre"></span>
ID每次都是不同的，关于我在文本中谈到的内容。它工作得很好。
我的问题是，平滑滚动库似乎在运行时删除了类，因此当调用锚点时，我的class='ancre‘不会显示。类是：
.ancre:target{
background-color: #131b24;
color: white;
}
因此，我所做的就是删除类的"t
浏览 2提问于2018-05-07得票数 0
我想有每个href锚平滑滚动默认(这工作！)并手动阻止其中的一些不是。 有没有一种聪明的方法可以做到这一点？也许是一个“不可滚动”的CSS类作为目标？它会是什么样子呢？ jQuery( function ( $ ) {
'use strict';
// Smooth scroll on anchor links
$('a[href^="#"]').on('click', function(e) {
e.preventDefault();
var target = this
浏览 36提问于2019-01-05得票数 2
回答已采纳
我尝试使用click事件在页面上平滑滚动，它也适用于CSS，但我尝试了keypress事件，但平滑滚动似乎不起作用。这是我的代码片段；
<body>
<div class="first-section">
</div>
<div id="second-section" class="second-section">
</div>
</body>
document.addEventListener('keydown', function(e) {
浏览 1提问于2022-03-03得票数 0
我的问题是，在网页中，我们应该使用CSS或Javascript进行平滑滚动。我知道怎么做，我只想知道哪一个是更好的选择？
浏览 0提问于2021-03-19得票数 2
2回答
我的开发人员在上创建平滑而高效的过渡时遇到了麻烦。请将鼠标滚动到徽标"Clockrun“上，并注意文本在完全可见后如何变化(特别是在Chrome中)，以及滚动到徽标上时滚动效果有多奇怪。
这是正在使用的jQuery。有没有更好的方法来做这件事，让过渡更平滑地淡入淡出？
jQuery(document).ready(function(){
jQuery(".super_featured_desc").css("opacity",0);
jQuery(".super_featured_logo").each(
浏览 0提问于2012-11-15得票数 1
回答已采纳
2回答
我试图在用户在我的网站上滚动到200px后水平滑动固定的图像。代码看起来像这样：
//CSS
div#slideimage
{
position: fixed;
left: -20%;
width: 500%;
}
// JQUERY
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#slideimage').stop().animate({left: "100px"});
} else {
$('#slideimage
浏览 0提问于2012-11-23得票数 1
回答已采纳
1回答
我正在尝试屏幕记录以下网站，以便在我们的投资组合中使用：
该网站包含了相当多的视差元素，我正在使用一个JavaScript书签来平滑地滚动页面。问题是，因为bookmarklet使用css转换来滚动页面，所以视差元素不会产生视差。
有没有一个已知的方法，我没有偶然发现，既可以平滑地滚动页面，又可以保持视差项目的视差？
我计划使用QuickTime来录制我的屏幕，因为它是原生的macOS。
谢谢。
浏览 10提问于2017-06-26得票数 0
回答已采纳
2回答
单击禁用函数
、、、
，这是我的
我有一个带有光滑滚动轮脚本的主页。我有一个div“关于”，这是可见的点击一个按钮。问题是，我希望我的平滑卷轴工作也在我的div关于。但不管用..。div不滚动..。另外，当div“约”打开时，我希望div "home“没有滚动。
$('button').click(function() {
if ($(this).hasClass("clicked")) {
$("#about").css({"visibility": "hidden"});
$("body&#
浏览 3提问于2017-01-30得票数 0
1回答
我正在学习CSS，我一直在研究视差效应，因为它很棒。@.但我不喜欢他们中的大多数人滚动。我真的想弄清楚如何在上实现一个很好的平滑滚动。我一直想弄清楚它叫什么。我觉得是动量滚动？但出于某种原因，当我试图寻找更多的例子或教程如何做，所有的例子“平滑”或“动量”滚动，我发现工作就像正常的快速滚动，至少对我在Chrome上。我想知道是否有人能把我推向正确的方向，我可以了解更多关于如何特别为Chrome编写代码的知识。谢谢。
浏览 1提问于2018-05-10得票数 0
回答已采纳
我想有一个导航栏设置position: fixed到我的窗口顶部，与平滑滚动到不同部分的链接。
我已经让平滑的滚动部分工作得很好。接下来，我想在导航栏向下滚动屏幕时更改它的颜色。我想要切换/动画类似这样的东西：
向下滚动到Section2 =动画到黄色导航栏时，向下滚动到Section3 =动画黄色>红色导航栏
我可以很容易地通过click方法实现这个效果(当点击#section2时，改变CSS)，但是如果用户向下滚动屏幕-而不使用导航栏中的链接，我如何让它改变呢？
到目前为止，我得到的结果是：
谢谢!
泰瑞
浏览 0提问于2011-11-05得票数 1
回答已采纳
1回答
我正在尝试使用Framer来实现一个水平滚动组件，根据文档，有一个方向属性可以用来设置滚动的方向。
下面是我的简单代码：
<Scroll height={600} width={200} direction="horizontal">
<Frame size={300} top={0} bottom={0} left={0}>Hello World!</Frame>
<Frame size={300} top={0} bottom={0} left={300}>Hello World!</F
浏览 3提问于2020-11-20得票数 3
1回答
我试图阻止用户水平滚动(客户端向其索要web应用程序)。使用"overflow-x:hidden“风格很容易做到这一点。实际上，它的工作原理是不再有可见的水平滚动条。
问题是，苹果的神奇鼠标仍然允许用户在Safari Mac、Chrome Mac和Opera Mac中水平滑动页面(而在Firefox Mac中不能)，即使滚动条是隐藏的。
我相信没有必要向你展示CSS as...it“技术上”的工作原理: scollbar是隐藏的。
但魔术鼠标的滑动手势破坏了它，因为用户仍然可以向左/向右移动页面。
有什么解决办法，css，javascript或jQuery脚本，以禁用水平滑动与魔术鼠标
浏览 6提问于2014-06-29得票数 1
3回答
如何在启用平滑滚动的情况下，使用JavaScript将窗口立即滚动到某个位置？
:root {
scroll-behavior: smooth;
}
有什么方法可以忽略这个CSS规则吗？如下所示：
window.scrollBy({ top: 0, behavior: 'instantly' });
浏览 18提问于2019-11-27得票数 0
回答已采纳
是否可以仅使用CSS3来创建类似Javascript的scrollTo效果？例如：
<a href="#location">Button</a>
并以某种方式告诉窗口平滑地滚动到该位置？使用Javascript很容易，但CSS会更好。
浏览 0提问于2011-11-03得票数 1
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
我正在使用Karl Swedberg的jquery平滑滚动插件来获得相同的页面链接：
链接具有固定的位置，因此它们始终可见。我希望链接被突出显示，一旦你点击了它们，但突出显示被删除时，您滚动页面(因为您可能不再在该链接对应的部分)。
让链接在点击时改变颜色很简单。然而，当你滚动时移除颜色会变得更加困难，因为插件本身会滚动。我试过使用下面的代码：
$(document).ready(function() {
$('#scrollcontrolls a').smoothScroll(
{
afterScroll: function() {
$(wi
浏览 2提问于2011-02-08得票数 0
回答已采纳
我目前有一个<div>，当页面向上或向下移动时，它会将其位置保持在页面左侧的顶部。这工作得很好，但不是很流畅。
我正在寻找重构下面的代码，以使这是一个平滑的滚动。目前，当触发器发生时，它只是设置CSS top属性--这使得它“抖动”。我有点不确定如何使这是一个平滑的滚动运动，而不是设置css的顶值到它的确切位置
//scrolling menu
if($("#selectedOptions").length > 0){ //if the element exists
$(window).scroll(function
浏览 0提问于2013-01-17得票数 1
回答已采纳
1回答
jquery滑块包含一个"animate“opton，当设置为"true”时，会在单击滑块时将手柄滑动到适当的位置。
我正在使用我的滑块在另一个div中滚动内容，创建类似于苹果网站上的eeffect。
问题是，当我单击滑块时，它会平滑地显示控制柄，而不是另一个div。我让另一个div滚动"slide“和"change”事件。你知道怎样才能让另一个div实现平滑的滚动吗？
提前感谢，哦，jQuery的众神。
我的代码：
var list = $('.sliderGallery ul');
$('.slider').slider({
浏览 0提问于2010-01-13得票数 1
1回答
所以我有这个页面，我有一个很大的菜单，可以用它自己的滚动条滚动。页面的主滚动条是隐藏的，这使得它不能正常工作。
在铬上，这个菜单滚动丝绸光滑，一切似乎都很好。在firefox上，滚动体验是可怕的，只是无法使用。(平滑滚动已禁用)
有什么可以通过css来改善firefox滚动的性能吗？
浏览 3提问于2014-08-08得票数 0
回答已采纳
1回答
我最近看到一个网站，它有一个隐藏的滚动条，显示在滚动上。这也可能是因为它是一个平滑的网格。我可以控制特定于div的滚动条CSS，但不能从javascript控制它。到目前为止，我的脚本非常简单：
$('#mydiv').scroll(function(){
$('#mydiv::-webkit-scrollbar').fadeIn(500);
//I've also tried .css() above and tried the .hover event as well
})
我的div和滚动条css：
#mydiv{overflow-
浏览 1提问于2014-11-23得票数 0
很容易使用css属性滚动-行为将其设置为平滑，所以为什么我看到在线使用Jquery和库来做同样的事情，什么时候使用CSS可以在一行代码中完成呢？
浏览 4提问于2021-03-13得票数 0
回答已采纳
我已经检查了当我们使用缩放css的body https://codepen.io/indylogix/pen/jjKOQx时，平滑滚动不能正常工作。 body{zoom:0.9}
浏览 29提问于2019-07-03得票数 0
回答已采纳
对于典型的平滑卷轴，有一百万个答案。不同的是，我试图让element2 (带滚动条)在单击element1中的链接时平滑滚动。也许这不可能。元素滚动(不是缓慢)，不幸的是父窗口也会滚动。我会讲到HTML，jQuery，&CSS.
HTML：
<div class="element1">
<a href="#123">Click to See Listing</a>
<a href="#124">Click to See Listing</a>
<a href="#1
浏览 7提问于2018-01-13得票数 0
回答已采纳
我试图使用JavaScript在页面顶部保留一个标题。无法使用position: fixed，因为标题需要水平滚动。保持在顶部是容易的，但使它成为平滑的是有问题的。对于一些用户来说，Chrome是平滑的，但对每个人来说，Safari都是滞后的。
下面是一个例子：
我如何保持标题固定在顶部，这样它就不会是简陋的，同时滚动。
编辑:要使它落后于Chrome，请尝试在JSBin中切换HTML、CSS和JS选项卡。
浏览 3提问于2016-08-19得票数 1
回答已采纳
当单击react组件中的锚链接时，是否可以只使用CSS进行平滑滚动？
...
render(
<a href="#smooth-link">Link To There</a>
....
<div id="smooth-link">
....
</div>
)
浏览 6提问于2022-04-21得票数 3
回答已采纳
有一张背景图片，我真的很喜欢用在我的网站上。为了让它看起来不错，我必须使用css，background-size:cover和background-attachment:fixed。但这使得页面上的滚动有些起伏。有没有一种方法可以保持css和相同的背景图像，但使页面滚动更平滑？
浏览 1提问于2012-03-19得票数 0
回答已采纳
我使用了jQuery中的scrollTop函数来导航到顶部，但奇怪的是，在我做了一些更改后，“平滑动画滚动”在Safari和Chrome中停止工作(滚动没有平滑动画)。
但它在Firefox中仍然运行得很流畅。会出什么问题呢？
下面是我使用的jQuery函数，
jQuery：
$('a#gotop').click(function() {
$("html").animate({ scrollTop: 0 }, "slow");
//alert('Animation complete.');
//return
浏览 3提问于2010-06-15得票数 80
回答已采纳
1回答
在具有某种CSS滚动活动的容器中滚动之后，自用户滚动结束浏览器开始滚动到快照位置的延迟时间是多长时间？
动机
我编写了一个来询问，通过取消滚动事件回调250 ms来模拟scrollend事件。这似乎与Chrome浏览器的实际价值相当接近。但是如果能得到一些一流的值就太好了。甚至可能有一个API，这样我就可以通过JS获得正确的值。
浏览 3提问于2019-05-29得票数 8
回答已采纳
1回答
我有一个网站的标题图像，我试图使用视差效果。
我使用以下JS来完成此操作：
$(window).scroll(function() {
var scrolledY = $(window).scrollTop();
$('#container').css('background-position', 'left ' + ((scrolledY)) + 'px');
});
我使用了这个小提琴中的一个例子：
当通过点击并拖动滚动条来向下滚动页面时，这非常有效，但是当我使用鼠标滚轮滚动时，图像会跳来
浏览 0提问于2016-03-30得票数 1
我想实现一个简单的顶部和底部滚动按钮点击。卷轴在所有浏览器中都应该是平滑的。
规定-
我有两个按钮在页面上，在页面的顶部有一个名为 down 的按钮点击，它应该向下到页脚div。
页面底部还有一个名为“ up ”的按钮，点击该按钮将显示在屏幕上。
我尝试过一个解决方案，但在IE中，卷轴并不光滑。如何使滚动行为在所有浏览器中平滑。
目前，我已经在CSS中使用了滚动行为属性，但是它是一个良好的实践吗？有没有办法用JavaScript代替CSS呢？
html{
scroll-behavior: smooth;
}
注意:它也应该在IE中工作。
我非常感谢你的帮助。
代码的代码链接-
浏览 4提问于2020-12-15得票数 5
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
