javascript - jQuery 窗口事件在手机上触发的问题

Question

我在手机上遇到了 $(window).scroll 事件的问题。它在桌面 View 上完美运行。请帮助我也让它在手机上触发。我用过的代码:

$(window).scroll(function() { 
alert($(window).scrollTop());
});

我也曾尝试禁用手机上的溢出。喜欢:

@media only screen and (min-width:320px) and (max-width:480px)
{
html, body
{
  width:100%;
  height:100%;
margin: 0px;
    padding: 0px;overflow:hidden;   
}
}

但仍然无法在移动设备上收到警报。请帮忙。

Answer 1

问题出在您提供的 CSS 上......

像这样改变。

@media only screen and (min-width:320px) and (max-width:480px)
{
  html, body
  {
    max-width:100%;
    max-height:100%;
    margin: 0px;
    padding: 0px;
    overflow:scroll;
  }
}

CSS 样式使您的Document 的html 和body 完全适合窗口。所以如果您甚至滚动文档，文档正在滚动但不是窗口(包装您的 HTML文档)。

您的 CSS 试图使网站移动响应......为此，您可以执行以下操作。

• 添加这个<meta name="viewport" content="width=device-width,initial-scale=1.0">标记到 HTML 的 Head。
• 按照我给出的方式更改 CSS。