我正在我的网页上运行一个脚本,当用户滚动到div id="homesplash"
以外时,600px
会消失,如下所示:
$(window).scroll(function() { if ($(this).scrollTop()>600) { $('#homesplash').hide(); } else { $('#homesplash').show(); } });
我只需要知道如何在浏览器宽度大于1024px
时运行此脚本。任何想法?
我试图从我在这里找到的相关帖子中实现一些代码,但我不能让它工作,因为我不熟悉编写任何javascript。
感谢。
答案 0 :(得分:6)
您可以查看$(window).width()
并将其与1024
进行比较。类似的东西:
$(window).scroll(function() {
if ( $(this).width() > 1024 ) {
$("#homesplash").toggle( $(this).scrollTop() <= 600 );
}
});
答案 1 :(得分:2)
使用当前代码,您可以使用$(window).width()获取宽度:
$(window).scroll(function() {
var windowWidth = $(window).width();
if (windowWidth > 1024) {
if ($(this).scrollTop() > 600) {
$('#homesplash').hide();
}
else {
$('#homesplash').show();
}
}
});