css overflow-y: auto not working in iPad

2021/10/07閱讀時間約 1 分鐘

筆記一下，原本寫成overflow-y: auto，在windows chrome瀏覽器有y scroll bar，唯獨iPad沒有scroll bar，解法如下:

overflow-y: scroll;
-webkit-overflow-scrolling: touch;

本筆記參考:
1. https://stackoverflow.com/questions/35469227/overflow-y-not-working-in-safari-inside-a-modal
2. https://stackoverflow.com/questions/35202729/overflow-y-not-working-on-ipad
3. https://stackoverflow.com/questions/18438690/overflowauto-not-working-in-touch-devicesios

為什麼會看到廣告

Vic Lin的沙龍

21會員

161內容數

留言0

查看全部

發表第一個留言支持創作者！

Vic Lin的沙龍的其他內容

React Hooks onclick call a callback function

React Hook onclick call a callback function with params, and change css style example: 本筆記參考: 1. https://www.codegrepper.com/code-examples/javascrip

#ReactHooks #React

PHP 四捨五入保留N位小數與補0

四捨五入到小數點後第二位，並自動補0到小數點後第二位: sprintf("%.2f", round($num,2)) 本筆記參考: 1. https://www.cnblogs.com/ryanzheng/p/12292852.html

#PHP

PHP get client real ip behind Cloudflare

Laravel 透過request()->ip拿到的ip不是client real ip，原來是因為前面有一層cloudflare，解決方法如下，改用下面這段script來取ip: E 可以包成helper function方便使用。值得一提的是，HTTP_CF_CONNECTING_IP有可能

#PHP #Cloudflare

MySQL DATE_SUB

MySQL 取得現在日期半年前的日期: DATE_SUB(CURRENT_DATE(), INTERVAL 6 MONTH) 本筆記參考: https://www.w3schools.com/sql/func_mysql_date_sub.asp

#MySQL

Laravel COUNT with IF condition and DISTINCT

Laravel中在某些條件下COUNT且指定欄位value重複只算一次: DB::raw('COUNT(DISTINCT customer.customer_id AND IF(contact_result.invalid_flag = "Y", 1, NULL)) AS contact_inval

#Laravel

Laravel where date / Carbon 相關操作

//找出日期年份是2021年的 ->whereYear('datetime', 2021) //找出日期月份是7月的 ->whereMonth('datetime', 7) //找出小於等於一個月前的 (找出小於等於2021年6月的) ->whereDate('datetime', 'subM

#Laravel #Carbon

React Hooks onclick call a callback function

React Hook onclick call a callback function with params, and change css style example: 本筆記參考: 1. https://www.codegrepper.com/code-examples/javascrip

#ReactHooks #React

PHP 四捨五入保留N位小數與補0

四捨五入到小數點後第二位，並自動補0到小數點後第二位: sprintf("%.2f", round($num,2)) 本筆記參考: 1. https://www.cnblogs.com/ryanzheng/p/12292852.html

#PHP

PHP get client real ip behind Cloudflare

#PHP #Cloudflare

MySQL DATE_SUB

MySQL 取得現在日期半年前的日期: DATE_SUB(CURRENT_DATE(), INTERVAL 6 MONTH) 本筆記參考: https://www.w3schools.com/sql/func_mysql_date_sub.asp

#MySQL

Laravel COUNT with IF condition and DISTINCT

Laravel中在某些條件下COUNT且指定欄位value重複只算一次: DB::raw('COUNT(DISTINCT customer.customer_id AND IF(contact_result.invalid_flag = "Y", 1, NULL)) AS contact_inval

#Laravel

Laravel where date / Carbon 相關操作

#Laravel #Carbon

你可能也想看

Google News 追蹤

方格子 vocus 官方沙龍

2024/10/21

「天天秋嗨嗨」：vocus 秋季徵文，五大主題 & 獎品登場！

這個秋，Chill 嗨嗨！穿搭美美去賞楓，裝備款款去露營⋯⋯你的秋天怎麼過？秋日 To Do List 等你分享！秋季全站徵文，我們準備了五個創作主題，參賽還有機會獲得「火烤兩用鍋」，一起來看看如何參加吧～

#天天秋嗨嗨 #秋季旅遊 #秋季穿搭

MimiVsJames的美股投資分享

2024/11/13

11/20 NVDA財報前Preview, 財報前股價波動走勢觀察

11/20日NVDA即將公布最新一期的財報, 今天Sell Side的分析師, 開始調高目標價, 市場的股價也開始反應, 未來一週NVDA將重新回到美股市場的焦點, 今天我們要分析NVDA Sell Side怎麼看待這次NVDA的財報預測, 以及實際上Buy Side的倉位及操作, 從

#美股 #美股投資 #投資理財

Ethan的沙龍

2024/02/27

維持皮膚健康與活力｜6款超人氣保濕、舒緩敏感化妝水評比

Hi 大家好，我是Ethan😊 相近大家都知道保濕是皮膚保養中最基本，也是最重要的一步。無論是在畫室裡長時間對著畫布，還是在旅途中面對各種氣候變化，保持皮膚的水分平衡對我來說至關重要。保濕化妝水不僅能迅速為皮膚補水，還能提升後續保養品的吸收效率。曾經，我的保養程序簡單到只包括清潔和隨意上乳液

#保養 #產品 #分享

Vivian Yeh - 跨領域轉職的軟體工程師

2021/09/28

【CSS 教學】什麼時候該使用 margin 、padding？前端都該要懂的盒模型！

對於前端初學者來說，在切版時會出現很多規則、不規則的網頁區塊，這時候我們會嘗試用各種相對定位、絕對定位、margin 或是 padding 的方式來進行網頁區塊的推擠。

#CSS

Vivian Yeh - 跨領域轉職的軟體工程師

2021/09/07

【CSS 教學】inline、block、inline-block 使用時機講解

明明想要某個欄位的寬高為 200px，卻發現自己不知道為什麼怎麼更改都會改不動，又或者寬高更改了，卻沒有辦法與其他元素並列。上述的狀況，通常都是在不熟悉 HTML display 特性而產生的狀況下才會出現⋯⋯

#CSS

Haoyi Fan的沙龍

2020/05/25

用 CSS 加入品牌字型，打造專屬預約網頁！

SimplyBook.me 提供了豐富的客製功能，讓商家能更有彈性的打造專屬預約網站，當然，在選用客製功能時，您可能會遇到一些困難，接下來這篇文章，我們將分享如何使用 CSS 客製功能，調整網站顯示字型！ SimplyBook.me 除了支援多種不同的客製功能外，也提供超過 15 個以上的範本，幫助

#線上預約系統 #免費預約系統 #預約軟體