javascript - 同时使用两个滚动插件
问题描述
我有一个 JQuery 和一个 JS 脚本冲突,当它们单独运行时它们工作,但是当它们一起运行时,第二个不起作用。
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo="
crossorigin="anonymous"></script>
<script src="fullpagejs/jquery.fullpage.min.js"></script>
<script>
// Fullpage Scroll Init
$(document).ready(function(){
$('#fullpage').fullpage({ });
// Scroll Indicator from W3Schools
window.onscroll = function() {myFunction()};
function myFunction() {
var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
var scrolled = (winScroll / height) * 100;
document.getElementById("myBar").style.width = scrolled + "%";
}
});
</script>
</body>
解决方案
推荐阅读
- google-sheets - javascript 错误 500 内部错误的 Google 工作表(google-spreadsheet)包装器
- r - 将长表转换为宽格式,仅计算一列
- mysql - 错误代码:1136。列数与第 1 行的值数不匹配,为什么?
- java - macOS 10.15.4 中的 Pentaho 数据集成安装问题
- spring - 使用 Spring Boot 进行休眠搜索
- javascript - 如何使用特定版本的 webview 构建应用程序?
- python - Python 请求 未找到连接适配器
- angular - 在 Quill JS 编辑器中预赋值
- android - PDFDocument - 多页
- virtual-machine - 使用 gitlab-ci 创建虚拟机