javascript - 通过 window.matchMedia 将我的 scrollTop() 方法链接到媒体查询
问题描述
嗨,我是js新手。我想通过 JS (window.matchMedia) 将我的 scrollTOp 方法链接到媒体查询。
<script>
$(document).ready(function(){
$(window).scroll(function() {
if ($(document).scrollTop() > 458) {
$(".menu a").css("background-color", "#f8f8f8");
$(".menu").css("display", "none");
$(".sidenav").css("display", "block");
$(".closebtn").css("display", "block");
}
else {
$(".menu a").css("background-color", "#666");
$(".menu").css("display", "block");
$(".sidenav").css("display", "none");
$(".closebtn").css("display", "none");
}
});
});
</script>
我不知道怎么做,请帮忙:)
解决方案
推荐阅读
- javascript - 在 DOM 中附加 HTML,选择器看不到
- java - 使用 jQuery 时为 css 样式启用内容安全策略 style-src 'self'
- c# - 如何使用依赖注入和存储库模式实现新方法
- node.js - 在节点中导入无法识别 * 符号
- java - 我将如何关闭此类并使用 JButton 和 ActionListener 打开一个新类
- ios - 如何在 Swift 上将照片库显示为 UICollectionView 或资产网格
- bing-maps - 必应地图:方向模块方向更新事件引发错误。我们无法找到一个或多个航路点之间的路线
- ms-word - Range.insertHtml() 在 Word Online 版本 16.0.11813.33700 上失败
- javascript - 选中和取消选中复选框时更改跨度值
- node.js - Express.js 不会根据默认请求重新路由到维护页面