作者lalalalaluk (多用點心)
看板Web_Design
標題[問題] 為什麼body的scroll不會轉動
時間Sat Apr 7 19:55:18 2018
各位大大好
我在css的body加上
body,
html {
height: 100%;
margin: 0;
overflow-y: hidden;
}
這樣的話右邊的滾軸就會消失
但我怎麼樣都叫不回來
我試過了
document.body.classList.add("bodyscroll");
document.body.style.display = "scroll"
都不能
請問是什麼問題呢?
https://imgur.com/i17XH5h
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.110.246.117
※ 文章網址: https://webptt.com/m.aspx?n=bbs/Web_Design/M.1523102122.A.F75.html
※ 編輯: lalalalaluk (123.110.246.117), 04/07/2018 19:56:27
※ 編輯: lalalalaluk (123.110.246.117), 04/07/2018 19:56:58
※ 編輯: lalalalaluk (123.110.246.117), 04/07/2018 19:57:42
1F：→ gary22204: 加hidden不是本來就是這樣嗎?? 04/07 20:13
2F：推 peanut97: 對啊。要叫回來時再用js 把 overflow 設回auto 04/07 20:15
3F：→ Rinorune: 那你有把html也給他overflow:scroll嗎 04/07 20:16
4F：→ lalalalaluk: 有哦 我設回auto 也不能 04/07 20:24
5F：→ lalalalaluk: r 大有哦 加 html 也不能 04/07 20:25
6F：→ Rinorune: 你內容高度有超過瀏覽器高度嗎 04/07 20:32
7F：→ Rinorune: 你可以把程式碼貼上來 比較方便找問題 04/07 20:33
8F：推 ymcheung: 是不是要用 getElementsbyTagName('body')才會找到？ 04/07 20:44
9F：→ lalalalaluk: 我等等試試看 謝謝大家 04/07 21:56
10F：→ lalalalaluk: $("html").css({"overflow": "scroll"}); 最後我是 04/07 22:45
11F：→ lalalalaluk: 用這樣解決的 04/07 22:45
12F：→ lalalalaluk: 原來不是要改body是要改html裡面的樣式 04/07 22:45
13F：→ lalalalaluk: 謝謝大家回復 04/07 22:49
14F：→ xdraculax: html, body 都要設，為了不同瀏覽器相容性 04/08 14:03