使用javascript滚动到元素时添加平滑效果

文章/答案/技术大牛

发布

1回答

javascript、scroll、smoothing

我编写了以下函数，每当单击某个按钮时，视图都会滚动到与'href‘属性匹配的特定元素。 $(fu

浏览 9提问于2019-12-04得票数 0

1回答

如何使用JavaScript或jQuery将表单滚动到视图中？

javascript、jquery

我有一个隐藏的div，我将其切换到视图。图层包含一些过滤选项，并且可以高于视口。如果用户滚动，关闭并重新打开，那么他应该从顶部看到div，而不是从他离开的地方。我尝试了scrollintoview，但没有成功。如何使图层始终从顶部显示？ <script> if ( $("#filter_button_inner").text() === "Zurück" ){ $("#fi

浏览 15提问于2019-03-19得票数 0

1回答

修复了左导航和修复了标题问题

css、fixed

在，我有一个固定的导航和标题，当用户点击导航上的标题时，它会把他们带到适当的内容框中。然而，当他们点击从"Just Kids“到"Home”时，顶部的内容隐藏在固定的标题后面。我尝试了一些方法；添加了一个高度为的div来向下推送内容，但在这里，当页面加载时，正确的内容区域会被向下推送。有没有人以前见过这样的网站，或者对如何修复上面的问题有建议？

浏览 2提问于2010-10-13得票数 0

回答已采纳

1回答

JS在window.scroll后回滚到顶部

javascript、jquery

嗨，我需要它，当我访问我的网页时，#出现在url中，转到那个部分。所以我所做的就是添加一个JS脚本 // setupScrolling(); }); }}); 这是我添加到一旦页面向下滚<em

浏览 5提问于2021-11-05得票数 0

1回答

如何使用CSS3转换来启用内联块元素的对角移动？

css、animation、translate-animation

所以我有一个带有内联块元素的容器，一旦我选择了其中一个元素，其他所有元素都将被隐藏，所选的元素应该会平滑地移动到容器的左上角。0，CSS3过渡效果很好，我可以看到G平滑地移动到左边。然而，因为G在第二行，所以当第一行上的所有东西都收缩时，它会跳上一行。这种运动是突然的，是不受欢迎的。我希望效果就像G平滑地对角移动到左上角一样。我也查看了平移(x，y)，但它也不是很

浏览 0提问于2013-06-06得票数 5

回答已采纳

1回答

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

css、scroll

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

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

1回答

如何防止jQuery滚动事件不断触发？

jquery、css

我想要一个导航条(位置:固定)，当它到达窗口顶部时。但是，如果用户回滚回滚，我也希望元素返回到正常位置。下面的代码会使元素保持不变，但是当您滚动时，事件会继续触发，从而导致元素闪现。如果删除“else removeClass()”，它是平滑的(并且停止闪烁)，但是元素在我向上滚动到顶部后保持不变。有什么想法？

浏览 2提问于2013-12-11得票数 0

回答已采纳

1回答

我想使用平面UI引导程序更改我的单页部分导航栏上的活动状态

jquery、html、twitter-bootstrap

我希望我的导航栏在页面滚动到与该链接相关的部分时，以及当我单击该链接转到该部分时，更改该链接的活动状态。导航栏转到页面上的部分，而不是另一个页面。我在这个网站上使用bootstrap。-- /.navbar-collapse --> </div>我尝试使用此jquery代码，但它更改了活动类，但当我单击它时，我无法转到任何部分

浏览 2提问于2016-04-06得票数 0

1回答

两种不同的jquery滚动相关效果(以及其他javascript)干扰

jquery、scroll

我在我的一个网站()上使用了两种不同的滚动相关效果(以及其他javascript)，它们似乎相互干扰。它们如下：第二个jquery效果，以及我今天添加的内容，使用在滚动时将音乐播放器元素保存在视图中。最后一个元素是对图片使用nivoZoo

浏览 2提问于2012-03-15得票数 1

回答已采纳

1回答

一段时间前，我试图弄清楚如何创建一个固定的导航条，使其平滑地动画以适应用户的显示宽度。例如，我的导航栏是在我的页面中间，它不适合网页的宽度。我想让它做的是，当用户滚动通过它，它坚持到他们的浏览器顶部，并播放一个很好，平滑的动画，适合页面的宽度。我已经完成了这样的工作:当用户滚动通过它时，它就会产生动画效果，但是我也希望它在回滚到页面顶部的时候反向播放相同的动画。目前，当用户滚动回滚时，导航栏会立即恢复正常，而不需要播放动画。例如，if语句将检查用户是否已经向下滚动到超过

浏览 4提问于2016-05-24得票数 0

1回答

滚动到另一个HTML元素时，将CSS类动态添加到固定的DIV中

javascript、jquery、html、css

当css类向下滚动到另一个html元素时，我想动态地向html元素添加一个css类，并在用户滚动回页时删除这个类。我试着修改了几个JavaScript代码片段，但都没有按照我希望的方式工作。#fixedbtn中，当它滚动到#fo-1div的顶部时，并在用户回滚回滚时移除类，这样#footer 1就会从视图端口底部回落。在这种情况下，使用从页面顶部到固定像素的距离对我不起作用。我想要

浏览 4提问于2017-09-01得票数 2

回答已采纳

1回答

在asp.net ajax回发后平滑滚动到页面顶部

asp.net、javascript

在asp.net中执行ajax回发后(使用更新面板)，有时我需要显示一条错误消息，它将显示在视口之外，用户可能不会注意到它。我希望返回(相同)的页面滚动到页面顶部平滑，而不是突然跳转。我正在寻找c# + Javascript代码来做这个效果，或者至少JS平滑滚动效果。

浏览 3提问于2009-02-23得票数 4

回答已采纳

2回答

如何正确添加.scrollTo插件？

javascript、jquery、jquery-animate、effect、scrollto

('#preview').hide('fast'); $('#loading').hide('fast');如何轻松地添加.scrollTo效果，以便单击其中一个href元素将按照建议显示/隐藏，并在完成后平滑地向下滚动到#preview div？

浏览 0提问于2010-04-08得票数 0

回答已采纳

1回答

JS。非标准覆盖表

javascript、jquery、html、css

请参见JSFiddle：但是我需要JS自动和动画的动作效果(比如放松)，比如从0,0横发平滑移动到55单元，然后同样平滑地移动到22单元，等等。之后，将x点到y点的动画功能中的元素放在一起。我希望通过JavaScript获得的类似结果示例可以在这里加载(GIF图片，大(2mb

浏览 1提问于2015-01-15得票数 1

回答已采纳

1回答

使用scrollIntoView实现JavaScript平滑滚动效果

javascript、html、css、js-scrollintoview

好的，我正在尝试获取一个页面(两个div)，主要是一个闪屏，当你点击“进入站点”时，它会平滑地向下滚动到“主站点”，但是它会跳到它，而不是平滑地滚动到元素。我怎样才能让它在没有跳转效果的情况下平滑地滚动到那个元素？div><article id="content">Just a load of text repeated</a

浏览 43提问于2016-10-05得票数 0

回答已采纳

1回答

停用平滑滚动元素

javascript、php、html、css、wordpress

当我点击菜单contact项时，它会平滑地向下滚动到"Contact“部分。我想删除平滑的滚动效果，并直接重定向到该部分，而不是缓慢滚动到页面底部。我在wordpress中使用elementor builder。有没有Jquery函数或CSS代码可以消除平滑滚动？提前感谢您的帮助。

浏览 14提问于2020-10-30得票数 1

1回答

平滑滚动自动启动页面加载

css、smooth-scrolling

当我点击页面上的href时，我想要创建一个平滑的滚动效果，因此我使用了滚动行为:在css中平滑。我用过这样的规则 scroll-behavior: smooth;否则效果很好，但我不希望有这样的结果，在页面加载时，它会自动平滑地滚动到应用于href的标识符。

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

2回答

如何平滑地移动元素？

javascript、scroll

在此模板中在停止滚动后，元素仍在继续移动Theify.me/demo/themes/parallax/#services你知道有什么JavaScript插件可以创造这种效果吗？移动元素

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

1回答

如何使用javascript实现平滑滚动效果

javascript、html、css、scroll

我想要创建一个具有效果的页面--当用户开始滚动鼠标时，我希望页面自动地、平滑地向下滚动到页面上的某个部分。使用上面链接的插件的问题是，我已经按照我想要的方式设计了我的页面，我只想实现这个滚动效果。我绝不是一个javascript专家-我主要处理网页的布局方面。但是，如果有人能告诉我，当用户开始滚动时，我如何使用javascript自动下降到页面的某个部分，我将非常感激。谢谢!

浏览 0提问于2017-10-25得票数 1

回答已采纳

2回答