Question

当用户达到特定宽度时，我尝试禁用某些JS（backstrech）。

我用的是：

if (window.innerWidth >= 768) {
/* the function
}

它有效。

但我有一个问题，因为只有当用户以这个特定尺寸打开网站时它才有效。

如果他调整网站大小，则无法正常工作......

我尝试使用$（window）.resize。

但我没有找到如何使用它，并在调整此特定大小时告诉该功能。

有人有想法吗？

Answer 1

所以我找到了100％可行的解决方案...... 也许有一天可以帮助一个背书的用户。很容易，但试着让我的生活复杂化。只需要一个简单的CSS行：

@media (max-width: 768px) {
  .backstrech{
  display: none;
  }
}

感谢您的所有帮助将帮助我解决其他问题。

Answer 2

这个问题：How to trigger the window resize event in JavaScript?

回答一个类似的问题，这是一个来自该答案小提琴的片段，通过注册在窗口调整大小时触发的事件来解决您的问题：

window.onresize = doALoadOfStuff;

function doALoadOfStuff(x) {
    alert('Go' + x);
}

var handler = window.onresize;
//handler();
//or
handler.apply(window, [' On']);

您需要做的就是使用doALoadOfStuff方法内的简单if来检查处理程序内部窗口的大小：

function doALoadOfStuff(){
   var windowSize = window.innerWidth
      || document.documentElement.clientWidth
      || document.body.clientWidth;

   if(windowSize > 768) {
      //DoSomething
   }
}

将fiddle工作到演示代码，如果将中心屏幕分区拖到左侧，您将开始收到控制台消息，告诉您它正在按预期运行。它会在页面加载时立即启动。

Answer 3

这对我有用...

if (window.innerWidth <= 500 ) {
    function showSlides(display)    
} else {
    display(none)
}

当用户调整窗口大小时，禁用特定宽度的js

3 个答案: