小程序顯示彈窗時(shí)禁止下層的內(nèi)容滾動實(shí)現(xiàn)方法

情況一

彈窗內(nèi)無滾動情況，在彈窗最外層使用catchtouchmove飞盆，這個(gè)只在真機(jī)上有效

image.png

情況二

彈窗內(nèi)有滾動內(nèi)容娄琉，彈窗顯示時(shí)給頁面根節(jié)點(diǎn)添加fixed，彈窗關(guān)閉把頁面根節(jié)點(diǎn)的fixed去掉

image.png

image.png

image.png

方法二有一個(gè)缺陷時(shí)關(guān)閉彈窗后 下面的數(shù)據(jù)就回到頂部

解決方法監(jiān)聽滾動高度桨啃，利用wx.pageScrollTo方法在滾動到之前的位置

image.png

topNum是頁面滾動的高度
在打開彈窗的時(shí)候記錄頁面滾動的高度

image.png

在關(guān)閉的彈窗的時(shí)候滾動回打開彈窗時(shí)候的位置

image.png

參考文章：https://blog.csdn.net/u012011360/article/details/90605779
https://developers.weixin.qq.com/miniprogram/dev/api/ui/scroll/wx.pageScrollTo.html

• 人面猴

  序言：七十年代末车胡，一起剝皮案震驚了整個(gè)濱河市，隨后出現(xiàn)的幾起案子照瘾，更是在濱河造成了極大的恐慌匈棘，老刑警劉巖，帶你破解...

  沈念sama閱讀 219,539評論 6贊 508
• 死咒

  序言：濱河連續(xù)發(fā)生了三起死亡事件析命，死亡現(xiàn)場離奇詭異主卫，居然都是意外死亡逃默，警方通過查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...

  沈念sama閱讀 93,594評論 3贊 396
• 救了他兩次的神仙讓他今天三更去死

  文/潘曉璐 我一進(jìn)店門簇搅，熙熙樓的掌柜王于貴愁眉苦臉地迎上來完域，“玉大人，你說我怎么就攤上這事瘩将∫魉埃” “怎么了？”我有些...

  開封第一講書人閱讀 165,871評論 0贊 356
• 道士緝兇錄：失蹤的賣姜人

  文/不壞的土叔 我叫張陵姿现，是天一觀的道長肠仪。 經(jīng)常有香客問我，道長备典，這世上最難降的妖魔是什么异旧？ 我笑而不...

  開封第一講書人閱讀 58,963評論 1贊 295
• ?港島之戀（遺憾婚禮）

  正文 為了忘掉前任，我火速辦了婚禮提佣，結(jié)果婚禮上吮蛹，老公的妹妹穿的比我還像新娘。我一直安慰自己拌屏，他們只是感情好潮针，可當(dāng)我...

  茶點(diǎn)故事閱讀 67,984評論 6贊 393
• 惡毒庶女頂嫁案：這布局不是一般人想出來的

  文/花漫 我一把揭開白布。 她就那樣靜靜地躺著倚喂，像睡著了一般然低。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上务唐，一...

  開封第一講書人閱讀 51,763評論 1贊 307
• 城市分裂傳說

  那天，我揣著相機(jī)與錄音带兜，去河邊找鬼枫笛。 笑死，一個(gè)胖子當(dāng)著我的面吹牛刚照，可吹牛的內(nèi)容都是我干的刑巧。 我是一名探鬼主播，決...

  沈念sama閱讀 40,468評論 3贊 420
• 雙鴛鴦連環(huán)套：你想象不到人心有多黑

  文/蒼蘭香墨 我猛地睜開眼无畔，長吁一口氣：“原來是場噩夢啊……” “哼啊楚！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起浑彰，我...

  開封第一講書人閱讀 39,357評論 0贊 276
• 萬榮殺人案實(shí)錄

  序言：老撾萬榮一對情侶失蹤恭理，失蹤者是張志新（化名）和其女友劉穎，沒想到半個(gè)月后郭变，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體颜价，經(jīng)...

  沈念sama閱讀 45,850評論 1贊 317
• ?護(hù)林員之死

  正文 獨(dú)居荒郊野嶺守林人離奇死亡涯保，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...

  茶點(diǎn)故事閱讀 38,002評論 3贊 338
• ?白月光啟示錄

  正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了周伦。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片夕春。...

  茶點(diǎn)故事閱讀 40,144評論 1贊 351
• 活死人

  序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖专挪，靈堂內(nèi)的尸體忽然破棺而出及志，到底是詐尸還是另有隱情，我是刑警寧澤寨腔，帶...

  沈念sama閱讀 35,823評論 5贊 346
• ?日本核電站爆炸內(nèi)幕

  正文 年R本政府宣布速侈，位于F島的核電站，受9級特大地震影響脆侮，放射性物質(zhì)發(fā)生泄漏锌畸。R本人自食惡果不足惜，卻給世界環(huán)境...

  茶點(diǎn)故事閱讀 41,483評論 3贊 331
• 男人毒藥：我在死后第九天來索命

  文/蒙蒙 一靖避、第九天 我趴在偏房一處隱蔽的房頂上張望潭枣。 院中可真熱鬧，春花似錦幻捏、人聲如沸盆犁。這莊子的主人今日做“春日...

  開封第一講書人閱讀 32,026評論 0贊 22
• 一樁弒父案篡九，背后竟有這般陰謀

  文/蒼蘭香墨 我抬頭看了看天上的太陽谐岁。三九已至，卻和暖如春榛臼，著一層夾襖步出監(jiān)牢的瞬間伊佃，已是汗流浹背。 一陣腳步聲響...

  開封第一講書人閱讀 33,150評論 1贊 272
• 情欲美人皮

  我被黑心中介騙來泰國打工沛善， 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留航揉，地道東北人。 一個(gè)月前我還...

  沈念sama閱讀 48,415評論 3贊 373
• 代替公主和親

  正文 我出身青樓金刁，卻偏偏與公主長得像帅涂，于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子尤蛮，可洞房花燭夜當(dāng)晚...

  茶點(diǎn)故事閱讀 45,092評論 2贊 355

推薦閱讀更多精彩內(nèi)容

• 小程序彈窗禁止底部內(nèi)容滾動

  因公司業(yè)務(wù)需求：需要布局一個(gè)頁面是底部一張圖片position：fixed媳友；z-index= -1固定在底部，然后...

  web前端攻城獅閱讀 315評論 1贊 0
• 小程序彈窗禁止底部內(nèi)容滾動

  因公司業(yè)務(wù)需求：需要布局一個(gè)頁面是底部一張圖片position：fixed产捞；z-index= -1固定在底部醇锚，然后...

  人類進(jìn)化又沒帶我閱讀 5,235評論 8贊 5
• 小程序彈窗阻止滑動的兩種方法

  彈出 fixed 彈窗后，在彈窗上滑動會導(dǎo)致下層的頁面一起跟著滾動坯临。 場景1：彈窗內(nèi)無滾動內(nèi)容 可以在彈窗最外層元...

  頭發(fā)飄逸閱讀 2,671評論 1贊 10
• 小程序自定義彈窗禁止底部內(nèi)容滾動（滾動穿透問題）

  小程序自帶的彈窗比較簡單搂抒，在實(shí)際項(xiàng)目中艇搀，我們往往需要自定義彈窗以滿足較為復(fù)雜的業(yè)務(wù)需求。彈窗時(shí)底層內(nèi)容一般都是不滾...

  Paranoidyang閱讀 5,176評論 1贊 1
• 關(guān)于微信小程序自定義彈窗內(nèi)容滾動與主頁面滾動沖突

  我表示這個(gè)標(biāo)題有點(diǎn)彪Ｇ缶АＱ娴瘛！因?yàn)閷懶〕绦蛭乙彩切率株嚑I里面的選手芳杏， 言歸正傳矩屁，關(guān)于這個(gè)問題也一直困擾著我，自己在用微...

  剁椒先生閱讀 1,661評論 0贊 1