摘要:公司是做微信第三方公眾平臺(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è)面,看到很多地方說(shuō)用下面的代碼就好了電腦上可以,微信上面還是不行。
公司是做微信第三方公眾平臺(tái),有一個(gè)購(gòu)物系統(tǒng),現(xiàn)在需要將商品頁(yè)面模仿淘寶的樣式,就是點(diǎn)擊購(gòu)物車或購(gòu)買按鈕,會(huì)彈出一個(gè)窗口,顯示sku和數(shù)量。
本來(lái)就是一個(gè)做java后臺(tái)的,前端布局不是很懂,上網(wǎng)搜索加自己摸索了好久,才差不多把 頁(yè)面做出來(lái),效果如圖。
但是效果出來(lái)之后發(fā)現(xiàn),在彈出窗口滑動(dòng)時(shí),遮罩后面的頁(yè)面也會(huì)隨之滑動(dòng),以為是時(shí)間冒 泡導(dǎo)致的,上網(wǎng)百度了好久,方法倒是找到了好多種,在電腦上也可以了。但是在微信里滑 動(dòng)還是會(huì)拖動(dòng)后面的頁(yè)面,看到很多地方說(shuō)用下面的代碼就好了:
$("html,body").css({"overflow":"hidden"});
電腦上可以,微信上面還是不行。最終不斷實(shí)踐,問(wèn)題解決了,還要多加一個(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/65398.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è)面,看到很多地方說(shuō)用下面的代碼就好了電腦上可以,微信上面還是不行。 公司是做微信第三方公眾平臺(tái),有一個(gè)購(gòu)物系統(tǒng),現(xiàn)在需要將商品頁(yè)面模仿淘寶的樣式,就是點(diǎn)擊購(gòu)物車或購(gòu)買按鈕,會(huì)彈出一個(gè)窗口,顯示sku和數(shù)量。 本來(lái)就是一個(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è)面,看到很多地方說(shuō)用下面的代碼就好了電腦上可以,微信上面還是不行。 公司是做微信第三方公眾平臺(tái),有一個(gè)購(gòu)物系統(tǒng),現(xiàn)在需要將商品頁(yè)面模仿淘寶的樣式,就是點(diǎn)擊購(gòu)物車或購(gòu)買按鈕,會(huì)彈出一個(gè)窗口,顯示sku和數(shù)量。 本來(lái)就是一個(gè)做...
摘要:?jiǎn)栴}概述問(wèn)題移動(dòng)端輸入框鍵盤喚起后定位好的元素跟隨頁(yè)面滾動(dòng)了起來(lái)屬性失效了滿屏任性橫飛如下圖問(wèn)題有第三方輸入法的機(jī)還會(huì)出現(xiàn)鍵盤彈出延遲,導(dǎo)致普通布局輸入框等位置靠下的被鍵盤擋住如下圖這個(gè)完成出來(lái)然后鍵盤再頂起完美解決方案在輸入框獲取焦點(diǎn) 問(wèn)題概述 問(wèn)題1:H5 web 移動(dòng)端 輸入框, 鍵盤喚起后fixed定位好的元素跟隨頁(yè)面滾動(dòng)了起來(lái)… fixed屬性失效了!滿屏任性橫飛, 如下圖:...
閱讀 3469·2021-09-08 09:36
閱讀 2565·2019-08-30 15:54
閱讀 2357·2019-08-30 15:54
閱讀 1771·2019-08-30 15:44
閱讀 2395·2019-08-26 14:04
閱讀 2446·2019-08-26 14:01
閱讀 2883·2019-08-26 13:58
閱讀 1337·2019-08-26 13:47