摘要:公司是做微信第三方公眾平臺(tái),有一個(gè)購(gòu)物系統(tǒng),現(xiàn)在需要將商品頁(yè)面模仿淘寶的樣式,就是點(diǎn)擊購(gòu)物車或購(gòu)買按鈕,會(huì)彈出一個(gè)窗口,顯示和數(shù)量。但是在微信里滑動(dòng)還是會(huì)拖動(dòng)后面的頁(yè)面,看到很多地方說用下面的代碼就好了電腦上可以,微信上面還是不行。
公司是做微信第三方公眾平臺(tái),有一個(gè)購(gòu)物系統(tǒng),現(xiàn)在需要將商品頁(yè)面模仿淘寶的樣式,就是點(diǎn)擊購(gòu)物車或購(gòu)買按鈕,會(huì)彈出一個(gè)窗口,顯示sku和數(shù)量。
本來就是一個(gè)做java后臺(tái)的,前端布局不是很懂,上網(wǎng)搜索加自己摸索了好久,才差不多把 頁(yè)面做出來,效果如圖。
但是效果出來之后發(fā)現(xiàn),在彈出窗口滑動(dòng)時(shí),遮罩后面的頁(yè)面也會(huì)隨之滑動(dòng),以為是時(shí)間冒 泡導(dǎo)致的,上網(wǎng)百度了好久,方法倒是找到了好多種,在電腦上也可以了。但是在微信里滑 動(dòng)還是會(huì)拖動(dòng)后面的頁(yè)面,看到很多地方說用下面的代碼就好了:
$("html,body").css({"overflow":"hidden"});
電腦上可以,微信上面還是不行。最終不斷實(shí)踐,問題解決了,還要多加一個(gè)css:
$("html,body").css({"overflow":"hidden","height":"100%"});
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/78609.html
摘要:公司是做微信第三方公眾平臺(tái),有一個(gè)購(gòu)物系統(tǒng),現(xiàn)在需要將商品頁(yè)面模仿淘寶的樣式,就是點(diǎn)擊購(gòu)物車或購(gòu)買按鈕,會(huì)彈出一個(gè)窗口,顯示和數(shù)量。但是在微信里滑動(dòng)還是會(huì)拖動(dòng)后面的頁(yè)面,看到很多地方說用下面的代碼就好了電腦上可以,微信上面還是不行。 公司是做微信第三方公眾平臺(tái),有一個(gè)購(gòu)物系統(tǒng),現(xiàn)在需要將商品頁(yè)面模仿淘寶的樣式,就是點(diǎn)擊購(gòu)物車或購(gòu)買按鈕,會(huì)彈出一個(gè)窗口,顯示sku和數(shù)量。 本來就是一個(gè)做...
摘要:公司是做微信第三方公眾平臺(tái),有一個(gè)購(gòu)物系統(tǒng),現(xiàn)在需要將商品頁(yè)面模仿淘寶的樣式,就是點(diǎn)擊購(gòu)物車或購(gòu)買按鈕,會(huì)彈出一個(gè)窗口,顯示和數(shù)量。但是在微信里滑動(dòng)還是會(huì)拖動(dòng)后面的頁(yè)面,看到很多地方說用下面的代碼就好了電腦上可以,微信上面還是不行。 公司是做微信第三方公眾平臺(tái),有一個(gè)購(gòu)物系統(tǒng),現(xiàn)在需要將商品頁(yè)面模仿淘寶的樣式,就是點(diǎn)擊購(gòu)物車或購(gòu)買按鈕,會(huì)彈出一個(gè)窗口,顯示sku和數(shù)量。 本來就是一個(gè)做...
摘要:?jiǎn)栴}概述問題移動(dòng)端輸入框鍵盤喚起后定位好的元素跟隨頁(yè)面滾動(dòng)了起來屬性失效了滿屏任性橫飛如下圖問題有第三方輸入法的機(jī)還會(huì)出現(xiàn)鍵盤彈出延遲,導(dǎo)致普通布局輸入框等位置靠下的被鍵盤擋住如下圖這個(gè)完成出來然后鍵盤再頂起完美解決方案在輸入框獲取焦點(diǎn) 問題概述 問題1:H5 web 移動(dòng)端 輸入框, 鍵盤喚起后fixed定位好的元素跟隨頁(yè)面滾動(dòng)了起來… fixed屬性失效了!滿屏任性橫飛, 如下圖:...
閱讀 3905·2021-09-27 13:35
閱讀 1084·2021-09-24 09:48
閱讀 2913·2021-09-22 15:42
閱讀 2354·2021-09-22 15:28
閱讀 3157·2019-08-30 15:43
閱讀 2625·2019-08-30 13:52
閱讀 2982·2019-08-29 12:48
閱讀 1462·2019-08-26 13:55