引导效果平滑锚滚动?

Posted

技术标签:

【中文标题】引导效果平滑锚滚动?【英文标题】:bootstrap effect smooth anchor scroll? 【发布时间】:2018-04-17 03:57:49 【问题描述】:

我有引导程序运行,我尝试做我一直想做的平滑滚动的事情,但我尝试了 8 个 youtube 教程和 20 个 ++ 谷歌结果,但没有一个有效。我目前的尝试是这个stck溢出帖子Smooth scrolling when clicking an anchor link。

我突然意识到,引导程序可能会导致执行此效果时出现一些问题。

有影响吗?我可以向您展示我的虚拟项目:https://jsfiddle.net/jonathansh1115/kssuLxmm/1/,绿色按钮是触发器,当单击时,我希望它“滑动”到第一部分 <section id="feature-one"><div class="container" id="start">... 绿色按钮 <a href="#start" class="btn btn-lg btn-success">the anchor button</a> 。很久以前我就一直在研究这个问题,请帮助我!

【问题讨论】:

我知道你是新来的。我开始的时候也遇到了这个问题。我想我们都做到了。 1. 你不能在这里得到作业的答案。 2. 你需要更简洁的问题。 3. 显示可行的代码,而不是整个套件和 kaboodle,只是一个复制您的问题的示例,以便我们可以调试它并提供帮助。使用 jFiddle 或 Codepen 等在线编辑器或此处的内联编辑器。 【参考方案1】:

您在 javascript 中使用 jQuery 函数,将 jQuery 3.1.1 库添加到您的 jsfiddle 可以解决此问题。

【讨论】:

以上是关于引导效果平滑锚滚动?的主要内容,如果未能解决你的问题,请参考以下文章

JQuery 实现锚点链接之间的平滑滚动

vue监听滚动事件 实现动态锚点

javascript 使用jQuery平滑滚动锚点

javascript jQuery - 平滑锚定滚动

javascript jQUery - 平滑锚定滚动

javascript jQuery - 平滑锚定滚动