微信頁面彈出窗口，底部不隨窗口滑動而滾動

Imfan 發布于2019-08-01 15:02 / 814人閱讀

摘要：公司是做微信第三方公眾平臺，有一個購物系統，現在需要將商品頁面模仿淘寶的樣式，就是點擊購物車或購買按鈕，會彈出一個窗口，顯示和數量。但是在微信里滑動還是會拖動后面的頁面，看到很多地方說用下面的代碼就好了電腦上可以，微信上面還是不行。

公司是做微信第三方公眾平臺，有一個購物系統，現在需要將商品頁面模仿淘寶的樣式，就是點擊購物車或購買按鈕，會彈出一個窗口，顯示sku和數量。

本來就是一個做java后臺的，前端布局不是很懂，上網搜索加自己摸索了好久，才差不多把
頁面做出來，效果如圖。

但是效果出來之后發現，在彈出窗口滑動時，遮罩后面的頁面也會隨之滑動，以為是時間冒
泡導致的，上網百度了好久，方法倒是找到了好多種，在電腦上也可以了。但是在微信里滑
動還是會拖動后面的頁面，看到很多地方說用下面的代碼就好了：

$("html,body").css({"overflow":"hidden"});

電腦上可以，微信上面還是不行。最終不斷實踐，問題解決了，還要多加一個css：

$("html,body").css({"overflow":"hidden","height":"100%"});

GPU云服務器云服務器 html頁面彈出窗口彈出窗口彈出窗口程序 wpf彈出窗口

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/49726.html

微信頁面彈出窗口，底部不隨窗口滑動而滾動

摘要：公司是做微信第三方公眾平臺，有一個購物系統，現在需要將商品頁面模仿淘寶的樣式，就是點擊購物車或購買按鈕，會彈出一個窗口，顯示和數量。但是在微信里滑動還是會拖動后面的頁面，看到很多地方說用下面的代碼就好了電腦上可以，微信上面還是不行。公司是做微信第三方公眾平臺，有一個購物系統，現在需要將商品頁面模仿淘寶的樣式，就是點擊購物車或購買按鈕，會彈出一個窗口，顯示sku和數量。本來就是一個做...

ytwman 2019-08-19 17:32 評論0 收藏0
微信頁面彈出窗口，底部不隨窗口滑動而滾動

摘要：公司是做微信第三方公眾平臺，有一個購物系統，現在需要將商品頁面模仿淘寶的樣式，就是點擊購物車或購買按鈕，會彈出一個窗口，顯示和數量。但是在微信里滑動還是會拖動后面的頁面，看到很多地方說用下面的代碼就好了電腦上可以，微信上面還是不行。公司是做微信第三方公眾平臺，有一個購物系統，現在需要將商品頁面模仿淘寶的樣式，就是點擊購物車或購買按鈕，會彈出一個窗口，顯示sku和數量。本來就是一個做...

simon_chen 2019-08-14 15:10 評論0 收藏0
(2016-11-04完美解決)移動端iOS第三方輸入法遮擋底部input及android鍵盤回落后

摘要：問題概述問題移動端輸入框鍵盤喚起后定位好的元素跟隨頁面滾動了起來屬性失效了滿屏任性橫飛如下圖問題有第三方輸入法的機還會出現鍵盤彈出延遲，導致普通布局輸入框等位置靠下的被鍵盤擋住如下圖這個完成出來然后鍵盤再頂起完美解決方案在輸入框獲取焦點問題概述問題1：H5 web 移動端輸入框, 鍵盤喚起后fixed定位好的元素跟隨頁面滾動了起來… fixed屬性失效了！滿屏任性橫飛, 如下圖:...

Simon 2019-08-21 14:15 評論0 收藏0