![](/img/trans.png)
[英]Bootstrap v3 - Opening a modal window forces the page to scroll up to the top
[英]Bootstrap modal forces scroll to top
我目前正在嘗試實現帖子的供稿,在其中單擊帖子將打開模式。 我將angular用作前端框架,並決定使用bootstrap模態,因為它可以很好地與angular一起使用。 問題在於,模態會迫使人體在顯示時滾動到頂部。 當然,這在滾動Feed時並不理想。
下面的css行是元凶。 我不知道為什么這會導致問題發生,但我有點需要滾動條始終顯示。 動態內容的浮動可能會使我的布局跳來跳去。
html {
overflow-y: scroll;
}
刪除此行現在很好,但是我需要盡快找到一個解決方法,因為如果滾動條不總是可見並且突然出現,則在加載新內容時布局會水平跳動。 有誰有任何線索,為什么這會導致問題,以及我怎么可能解決它?
聽起來模態是問題所在。 確保您的模式容器或其最外部的容器具有position: fixed
,因為這聽起來像正在干擾<body>
元素的流程。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.