javascript - 仅显示适合桌面屏幕尺寸的 div

Question

首先，我是一个新手。我有这个箭头显示向下滚动(我希望它在 10 秒后显示)，但我只希望它适用于桌面屏幕尺寸。我不太明白为什么这不起作用。控制台存在“意外标记<=”的问题，但我已经完成了研究，这正是我想要的，不确定问题来自哪里。感谢您的帮助!

        <script type="text/javascript">
      $(window).resize(function() {
        if ($(this).width() >= 1824 && <= 768) {
          $('.scroll_down').hide();
        } else {
          $('.scroll_down').show();
        }
      });
        $(function() {
        $(".scroll_down").delay(1000).fadeIn();
        });
    </script>

Answer 1

您缺少另一个$(this).width()，它应该是:

if ($(this).width() >= 1824 && $(this).width() <= 768) {
  ...

此外，您可能想研究一下 CSS 媒体查询，您实际上并不需要 Javascript 来完成这样的事情。