Jquery:平滑滚动脚本不工作
JQuery是一个流行的JavaScript库，用于简化HTML文档遍历、事件处理、动画效果等操作。平滑滚动脚本是JQuery中的一个功能，用于实现网页内部的平滑滚动效果。
如果平滑滚动脚本不工作，可能有以下几个原因：
- 引入JQuery库：首先要确保在HTML文档中正确引入了JQuery库。可以通过在<head>标签中添加以下代码来引入JQuery库：
<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>- 代码错误：检查平滑滚动脚本的代码是否正确。可能是语法错误、函数调用错误或者参数设置错误导致脚本不起作用。可以使用浏览器的开发者工具（如Chrome的开发者工具）来查看控制台是否有报错信息。
- 元素选择器错误：平滑滚动脚本通常需要指定要滚动到的目标元素的选择器。确保选择器正确地指向了目标元素。可以使用JQuery的选择器来选择元素，例如使用ID选择器
$("#elementId")或者类选择器$(".className")。 - 事件绑定错误：平滑滚动脚本通常需要将滚动事件绑定到某个触发元素上，例如点击按钮时触发滚动。确保事件绑定的代码正确，并且绑定的元素存在于页面中。
- CSS样式问题：平滑滚动脚本可能需要依赖一些CSS样式来实现滚动效果。确保相关的CSS样式正确地应用到了目标元素上。
如果以上步骤都检查过了，仍然无法解决问题，可以尝试搜索JQuery官方文档或者相关的开发社区，查找类似问题的解决方案。另外，也可以考虑使用其他的平滑滚动插件或者自行编写平滑滚动的JavaScript代码来实现所需的效果。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mobile
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Tencent Real-Time 3D）：https://cloud.tencent.com/product/trtc
相关·内容
1回答
不知何故，我想不出如何让这个平滑滚动的Jquery脚本为我工作。 第一个console.log返回“测试”，第二个在我单击链接后不返回任何内容。我正在通过Prepros在本地主机上工作，这可能与脚本不工作有关吗？此外，代码不会返回任何错误。jQuery Code Snippets: Smooth Scrolling <script src="scripts/dist/jquery-3.3.1.js&
浏览 20提问于2020-08-21得票数 0
我在一个单页面的网站上使用jquery切换插件和平滑滚动插件。现在，问题是切换函数中的隐藏文本不允许平滑滚动jquery正常工作。假设我们点击导航选项中的'item a‘，并且假设它以平滑的方式滚动到'item a’部分div，它这样做是随意的，并且还考虑了切换函数中隐藏文本的高度，大约是100px。因此，既没有平滑的滚动，也有100px的期望结果的差异。
作为
浏览 1提问于2012-10-03得票数 1
4回答
我一直在努力让功能平滑地滚动到同一页上的ids。我几乎尝试了我在谷歌上找到的每一个解决方案。我遇到了这样的情况:看起来一切都应该正常工作，但即使是基本的非js id链接也会中断。我目前使用的是从jquery网站下载的平滑滚动插件。目前的代码是这样的。我对JS或Jquery知之甚少，所以我想我只是错过了一些东西。我检查了平滑滚动的函数版本的代码，但即使我做了完全的页面内链接中断：
<!400,700,400italic,700it
浏览 0提问于2013-06-14得票数 2
回答已采纳
2回答
我在页面底部有一个锚，我用它滚动到页面的顶部(指向标题)。/Images/scrollToTop.png');}Jquery: function Bi
浏览 5提问于2013-12-05得票数 0
3回答
我发现了一些可爱的网站-- 、和 --它们都是垂直滚动的，而且都使用了一种技术，当你滚动到一个新的“页面”时，它会将“页面”与浏览器顶部对齐--即使你滚动到一个页面的一半也是如此。有没有人能给我一些建议，例如，我可以用来搜索更多信息的正确的术语/单词，或者关于这项技术背后的基础知识的简要介绍，或者如果有任何jQuery等插件，我可以玩和学习？我搜索了他们的代码，但并没有跳出来怎么做，我的Javascript和jQuery仍然是新手水平。
浏览 0提问于2012-06-14得票数 3
回答已采纳
我试图实现css动画激活滚动使用本教程。我唯一修改的是jquery在没有冲突模式下工作， <script> var $window = $(window),jQuery(".revealOnScroll:not(.animated)").each(function () {
var $this = $(this),，但每次你滚动删除动画，在滚动</
浏览 2提问于2016-04-02得票数 0
回答已采纳
3回答
我正在尝试创建一个平滑的滚动页面，但似乎不起作用。如果我去掉了站点的平滑滚动功能，锚点会像往常一样自动跳转到div元素。
浏览 3提问于2014-05-02得票数 0
回答已采纳
我有3列id的jQuery，使他们可以点击，导航到锚id的页面下更远。如果我添加CSS平滑滚动它打破了我的主题的平滑滚动，这是我需要的网站的其他部分，我已经尝试了一堆其他的例子，例如: JS中的<script'href') ).offset().top }, 5000); return false; }); }); </script>，但我
浏览 0提问于2019-11-09得票数 0
1回答
平滑滚动可以很好地处理同一页。但我希望平滑的滚动工作时，其他页面上点击。例如，当我单击主页上的服务链接时，我需要转到该服务页面并平滑地滚动到该div标记。你能帮我这个忙吗？Technology</a></li>
<li><a href="about.html#templatemo_main">Team</a></li>
浏览 0提问于2015-01-21得票数 0
我使用了一个jquery平滑的滚动效果，nothing fancy..just jQuery...and它似乎不能工作iPad或iPhone或任何其他的tablets..the网址在这里：jQuery(document).ready(function() {
jQuery("a[href*=#]").on('click', func
浏览 1提问于2012-09-02得票数 0
我在使用jquery导入html时遇到了问题。导入此文本将破坏平滑滚动插件。使用jquery导入html时： ( {<a href="#photography" class="smoothScroll"> Photography<&
浏览 2提问于2014-05-12得票数 0
回答已采纳
1回答
我可以让它以一种方式工作。但是水平滚动根本不起作用。document).scroll(function() {});
此外，似乎Chrome新的平滑滚动功能使其无法使用鼠标滚轮滚动(它在Opera35的
浏览 0提问于2016-03-12得票数 0
1回答
我已经得到了这个工作，但我想有平滑的滚动时，你点击在页面底部的主导航。看起来画布外的锚点和平滑的滚动脚本不能协同工作。我对jquery和javascript非常陌生，所以我似乎不能让它工作。我找到了这段平滑滚动的代码(现在我已经把它注释掉了)，但是当我把这段代码放到页面上时，它破坏了导航锚点：$('a[href*="#"]:not([hr
浏览 17提问于2016-09-14得票数 0
回答已采纳
3回答
我已经知道如何平滑滚动从一个链接到一个锚，但它是在同一页内工作。例如，如果我在主页中，此链接将平滑滚动:mysite.com/#部分jQuery('a').click(function(){
jQuery('html, bo
浏览 8提问于2022-05-12得票数 1
我有一个垂直导航栏，可以在手机上用.on(点击，函数)和.slideToggle() jQuery方法打开和关闭，但在平板电脑和桌面上会变成水平的。导航栏包含以同一页面中的元素为目标的锚元素。同时，我想添加一个带有jQuery ()方法的animate click()函数，以便在单击链接时创建平滑滚动。这就是我的问题。我用JsBin编写代码，当我想在输出视图中看到结果时(默认桌面大小)，平滑滚动不起作用。然后我打开Chrome开发人员工具，切换到设备工具栏中的移动视图，导航栏切换，<em
浏览 2提问于2017-07-14得票数 1
script type="text/javascript" src="js/wow.min.js"></script> <script type="text/javascript" src="js/
浏览 3提问于2017-04-19得票数 1
回答已采纳
概述：，我使用锚标记滚动到各自的div，如href中所分配的。> Some content Some contentjQuerydiv，但是滚动不是平滑的或缓慢的。我宁愿说这根本不是滚动。它只会跳到那个地方。
浏览 0提问于2015-07-21得票数 6
回答已采纳
类名is=“页面滚动”，因此它看起来像<li><a class="page-scroll" href="#screenshots">Screenshots</a></li>
这个类用于jquery文件中的平滑滚动现在我在wordpress中注册了一个菜单，现在我想在每个菜单里添加这个类"page- scroll“，并添加一个元素，这样就可以平滑滚动了。所有东西在html中
浏览 1提问于2017-04-04得票数 0
1回答
水平网站锚点
、、
我在一个水平滚动的网站上工作。在我把jquery scroll.to插件放进去之前，我有一些工作需要通过锚点来解决。
您可以看到，当您单击转到框2时，它没有到达正确的位置。
浏览 1提问于2011-02-22得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
