仅当屏幕宽度小于 600px 时，使 div 从底部消失 850px

Question

I have this function that makes my div disappear 850 px from the bottom of the page

<script type="text/javascript">
  
  $(window).scroll(function() {
  if($(window).scrollTop() + $(window).height() > $(document).height() - 850) {
    $('.guide').hide();
  }
  else {
    $('.guide').show();
  }
});
</script>

but i'd like this to ONLY happen if the screen is 600px wide or less, how can i do this?

Answer 1

You can use $(window).width() :

<script type="text/javascript">
  
  $(window).scroll(function() {
  if($(window).scrollTop() + $(window).height() > $(document).height() - 850 && $(window).width() <= 600) {
    $('.guide').hide();
  }
  else {
    $('.guide').show();
  }
});
</script>