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

时间:2013-04-17 21:33:52

标签: javascript responsive-design conditional-statements

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

$(window).scroll(function() {

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

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

2 个答案:

答案 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();
    }
  }

 });