1. 程式人生 > >巢狀路由中,子頁面中看見父頁面元素的解決辦法

巢狀路由中,子頁面中看見父頁面元素的解決辦法

之前父子路由的頁面巢狀都是照套路走的,像下面這樣:
一個巢狀路由 跳轉傳值的套路如下

但是,出問題了!
父頁面比子頁面長,一旦滾動,子頁面擋都擋不住呀!大概就像下面這樣:
在這裡插入圖片描述

這種情況當然是自己作的,解決辦法很簡單。
把父子頁面的總高度都設定為一個螢幕並不能滾動,即height:100vh; overflow:hidden;,再在內部設定滾動。

<div class = "addNewGoods">
	<div class = "wrapper">

	</div>
</div>


.addNewGoods {
      width: 100%;
      height
: 100vh; overflow: hidden; .wrapper { overflow: scroll; height: 100vh; } }

這樣都是100vh,滾動的時候就不會出現父頁面的元素了。