Question

所以我使用这个JQuery来滚动标题中的元素。是否有可能只根据屏幕尺寸发生这些变化？

代码：

     $(window).scroll(function() {

    //After scrolling 100px from the top...
    if ( $(window).scrollTop() >= 10 ) {
        $('#scrollthing').css('display', 'none');
        $('#ticket-amount').css('margin-bottom', '15px');

    //Otherwise remove inline styles and thereby revert to original stying
    } else {
        $('#scrollthing').attr('style', '');

    }
});

谢谢！

Answer 1

获取视口的宽度和高度：

var viewportWidth = $(window).width();
var viewportHeight = $(window).height();

重新调整页面的事件：

$(window).resize(function() {
      //do your check here on resize
      if($(window).width() < 405 )
         //do here
});

Answer 2

Here you go.




$(window).scroll(function() {
// checking the  condition
if ($(window).width() < 400 && $(window).scrollTop() >= 10) {
// set your changes here
}
else { 
// else condition for when the if condition does not apply
}
});

这对性能来说不是最佳，但应该完成这项工作。如果需要，可以将其包装在文档就绪函数中。

滚动时更改css，具体取决于屏幕大小

2 个答案: