手機上的jQuery窗口事件觸發問題

Question

我在手機上的$(window).scroll事件有問題。 它在桌面視圖上運行良好。 請也幫助我使其在手機上觸發。 我的二手代碼：

$(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樣式使html和Document的主體 完全適合Window 。 因此，即使您滾動了文檔 ， 也正在滾動 文檔 ， 而不是 滾動 窗口 （用於包裝HTML文檔）。

您的CSS嘗試使網站具有移動響應能力。....為此，您可以執行以下操作。

• 將此<meta name="viewport" content="width=device-width,initial-scale=1.0">標記添加到HTML的頭部 。
• 改變我給的CSS 。