html - Jquery Scroll Animation 不能在移动设备上运行?
问题描述
我想在滚动后在网站上显示一个标题。我的问题是它在桌面上运行完美,但在任何移动设备(浏览器)上都不起作用。这是代码:
jQuery(document).ready(function( $ ) {
jQuery(window).scroll(function() {
if ( $ (window).scrollTop() >= 500) {
$ ('#site_header').fadeIn();
} else {
$ ('#site_header').fadeOut();
}
});
});
解决方案
我认为如果您使用的是 jQuery 的“slim”版本,就会发生这种情况。只有“完整”版本的 jQuery 包含动画效果。
尝试从jQuery 下载页面获取“完整”版本的 jQuery,并将其包含在您的页面中(或从页面的 CDN 中包含完整版本的 jQuery)。
推荐阅读
- python-3.x - DataDriver 库方法 _stats_suite 失败:TypeError: 'encoding' is an invalid keyword argument for this function
- exception - How to add exception for this scenario in Anypoint studio?
- ubuntu - Ubuntu 18.04 上的 Odoo 13 模块中缺少导入按钮?
- javascript - 对象标签中的 html 内容不会更新浏览器 url
- mysql - MySQL更新批处理删除一些记录
- android - 用户在 Firebase 应用中第二次登录后如何解决 Nullpointer 异常?
- python - 更新现有数据库中的 blob 数据
- python - How to write a python function that returns an integer's digit that is the same number as the index without using an array?
- vue.js - vue2-datepicker 禁用日期范围日期
- c# - 从 Windows 服务读取 web.config 中定义的连接字符串