iphone 使用chrome 使用 overflow-y: scroll; 無效

css html

nick12345 2021-11-12 13:04:37 ‧ 1974 瀏覽

https://stackoverflow.com/questions/37646066/position-sticky-buttons-not-working-in-ie-11
我參考了上邊的網站，設置了(-webkit-overflow-scrolling: touch;)，在網站和android都能正常展示，但在IPHONE上不能使用，HEADER和MAIN重疊，只有在IPHONE上發生，請問如何解決??

Mao iT邦研究生 5 級 ‧ 2021-11-12 17:12:45 檢舉

header 使用 fixed，body 使用 hidden 並限制高度，main 預留 header 高度 overflow auto 就能自動根據內文決定是否 scroll 了，兼容性應該比較高，-webkit-overflow-scrolling 兼容性不高

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

咖咖拉

iT邦好手 1 級 ‧ 2021-11-12 13:33:46

overflow-y: scroll IE都可支援了

你的問題應該是這個

  position: -webkit-sticky;
  position: sticky;

看更多先前的回應...收起先前的回應...

nick12345 iT邦新手 4 級 ‧ 2021-11-12 13:48:40 檢舉

應該放在哪個CSS中?

咖咖拉 iT邦好手 1 級 ‧ 2021-11-12 14:39:01 檢舉

取代HEADER

nick12345 iT邦新手 4 級 ‧ 2021-11-12 15:11:29 檢舉

還是不行

咖咖拉 iT邦好手 1 級 ‧ 2021-11-12 17:44:55 檢舉

可以阿

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22201 篇

完賽人數

602 人

IT邦幫忙