如果屏幕大小小于1024px,请运行脚本

Question

我正在我的页面上运行一个脚本,div id="homesplash"当用户滚动时,该脚本会消失600px,如下所示:

$(window).scroll(function() {

    if ($(this).scrollTop()>600)
     {
        $('#homesplash').hide();
     }
    else
     {
      $('#homesplash').show();
     }
 });

我需要弄清楚如何在浏览器宽度大于时运行此脚本1024px.有任何想法吗？
我试图从我在这里找到的相关帖子中实现一些代码,但我不能让它工作,因为我不熟悉编写任何javascript.
谢谢.

Answer 1

您可以检查$(window).width()并与之进行比较1024.就像是:

$(window).scroll(function() {
    if ( $(this).width() > 1024 ) {
        $("#homesplash").toggle( $(this).scrollTop() <= 600 );
    }
});