Vic Lin的沙龍

css overflow-y: auto not working in iPad

更新於 2021/10/07發佈於 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 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(CURRENT_DATE(), INTERVAL 6 MONTH) 本筆記參考: https://www.w3schools.com/sql/func_mysql_date_sub.asp

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 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 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(CURRENT_DATE(), INTERVAL 6 MONTH) 本筆記參考: https://www.w3schools.com/sql/func_mysql_date_sub.asp

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 where date / Carbon 相關操作

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

#Laravel #Carbon

你可能也想看

Google News 追蹤

理財人妻Vivi

為什麼選擇美股？從入門策略到如何突破理財門檻 with 國泰世華CUBE App

隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap

#美股小白 #國泰世華銀行 #國泰世華

筱涵｜Hannah的沙龍

【生活記事】AI人工智慧解籤｜慈母籤｜線上求籤｜科技與玄學

嘿，大家新年快樂~ 新年大家都在做什麼呢？跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~

#互動設計 #文化體驗 #慈母籤

雷神快修的沙龍

iPad 推出 14 年來最大更新！

蘋果（Apple ）於2010年亮相初代iPad ，歷經14年的更迭換代， iPad始終維持一大「特色」：沒有內建的原生計算機 APP 。不過這個堅持可能要在今（2024）年打破了。據外媒《MacRumors》報導，知情人士透露蘋果終於打算讓iPad加入計算機APP，預期所有相容

雷神快修的沙龍

iPhone 還原輸入是什麼？如何關閉晃動來還原？

很多 Apple 用戶都很喜歡透過內建備忘錄App來筆記，要是不小心在 iOS 或 iPadOS 備忘錄內紀錄不見、寫錯字或打錯字，要怎麼替 iPad 或 iPhone 備忘錄還原上一步呢？要是不小心在備忘錄內消失紀錄，可以利用本篇分享的四招 iPad iPhone備忘錄還原上一步技

雷神快修的沙龍

iPhone 還原輸入是什麼？如何關閉晃動來還原？

很多 Apple 用戶都很喜歡透過內建備忘錄App來筆記，要是不小心在 iOS 或 iPadOS 備忘錄內紀錄不見、寫錯字或打錯字，要怎麼替 iPad 或 iPhone 備忘錄還原上一步呢？要是不小心在備忘錄內消失紀錄，可以利用本篇分享的四招 iPad iPhone備忘錄還原上一步技

Michelle Chen的沙龍

使用SwiftUI客製化Alert

這篇文章探討瞭如何在iOS應用程式中客製化Alert，包括改變字體大小、內嵌連結以及讓Alert的高度隨著字數增長並提供scroll操作。同時使用SwiftUI進行客製化，並介紹瞭解決高度超出範圍後文字捲動與scrollView固定高度的方法。

#客製化 #iOS #Alert

雷神快修的沙龍

iPhone沒有充電符號充不了電？

你可能正遇到 iPhone 有充電符號卻無法充電或 iPhone 充電斷斷續續的狀況？不用緊張，其實 iPhone 充電充不進去是最近許多蘋果用戶常反饋的問題，特別是升級到最新 iOS 17/16 無法充電是災情之一。這個情況可能包含 iPhone 充電一直跳、iPhone 充電沒反

雷神快修的沙龍

快速修復 iPhone 黑屏轉圈圈無法開機難題

很多使用者都曾經遇到過iPhone黑屏的情況，正中間出現 iPhone 轉圈圈的圖案（iPhone黑屏轉圈圈）；也有碰到過裝置訊號的位置一直轉圈圈的情況，此時任何的點擊和操作都沒反應。 iPhone 黑屏轉圈圈的類型及可能原因左上角 iOS 狀態欄一直轉圈圈 ●載入網頁中

繭居族的咖啡廳

中文網站介面測試：安著手機、蘋果電腦。瀏覽器：皆是Google瀏覽器。結果：過多人使用時即使登入系統也無法查看訂單和購物車，但過一陣子會自動更新變回正常。

#網站 #測試 #APP

台南Running man的沙龍

台南ipad維修價格線上問！大師修apple原廠認證維修中心，一次幫我搞定電池充電問題

Oh no…我的iPad不行了😭 充電完全充不進去，好像是電池掛了… 雖然果粉如我有很多Apple產品，但也是第一次遇到iPad換電池，一問Apple才知道iPad沒有提供換電池服務，只有整新機…這…價格貴很多啊！！

#iPad維修台南 #iPad維修推薦 #iPad換電池台南

EXCEL小知識 | 為什麼我的EXCEL不能向下填滿

向下填滿是EXCEL一個超好用的功能，依據不同的資料型態能有不同的填滿效果。例如總金額=單價*數量輸入完公式之後就會使用自動填滿的功能去將資料迅速的計算完成。每隔一段時間就會有網友詢問，為什麼我的EXCEL沒辦法向下填滿，我昨天還可以用，我隔壁同事也可以用，從開機也是一樣，我的E

#EXCEL #效率職人 #小技巧

RPAI 數位優化器

UiPath 疑難雜症 | 如何啟用 Chrome 擴充功能？

初學者在學習 UiPath 時經常會碰到：為什麼在 Chrome 瀏覽器中不能使用錄製功能？或是有時候突然不能使用 Click、Type Into 這類 UI Element 功能。上述問題的原因出在除了啟動 UiPath 的擴充功能，也要確保已開啟 Chrome 瀏覽器的擴充功能！

#RPAI數位優化器 #RPA #機器人流程自動化

理財人妻Vivi

為什麼選擇美股？從入門策略到如何突破理財門檻 with 國泰世華CUBE App

隨著理財資訊的普及，越來越多台灣人不再將資產侷限於台股，而是將視野拓展到國際市場。特別是美國市場，其豐富的理財選擇，讓不少人開始思考將資金配置於海外市場的可能性。然而，要參與美國市場並不只是盲目跟隨標的這麼簡單，而是需要策略和方式，尤其對新手而言，除了選股以外還會遇到語言、開戶流程、Ap

#美股小白 #國泰世華銀行 #國泰世華

筱涵｜Hannah的沙龍

【生活記事】AI人工智慧解籤｜慈母籤｜線上求籤｜科技與玄學

嘿，大家新年快樂~ 新年大家都在做什麼呢？跨年夜的我趕工製作某個外包設計案，在工作告一段落時趕上倒數。然後和兩個小孩過了一個忙亂的元旦。在深夜時刻，看到朋友傳來的解籤網站，興致勃勃熬夜體驗了一下，覺得非常好玩，或許有人玩過了，但還是想寫上來分享紀錄一下~

#互動設計 #文化體驗 #慈母籤

雷神快修的沙龍

iPad 推出 14 年來最大更新！

蘋果（Apple ）於2010年亮相初代iPad ，歷經14年的更迭換代， iPad始終維持一大「特色」：沒有內建的原生計算機 APP 。不過這個堅持可能要在今（2024）年打破了。據外媒《MacRumors》報導，知情人士透露蘋果終於打算讓iPad加入計算機APP，預期所有相容

雷神快修的沙龍

iPhone 還原輸入是什麼？如何關閉晃動來還原？

很多 Apple 用戶都很喜歡透過內建備忘錄App來筆記，要是不小心在 iOS 或 iPadOS 備忘錄內紀錄不見、寫錯字或打錯字，要怎麼替 iPad 或 iPhone 備忘錄還原上一步呢？要是不小心在備忘錄內消失紀錄，可以利用本篇分享的四招 iPad iPhone備忘錄還原上一步技

雷神快修的沙龍

iPhone 還原輸入是什麼？如何關閉晃動來還原？

很多 Apple 用戶都很喜歡透過內建備忘錄App來筆記，要是不小心在 iOS 或 iPadOS 備忘錄內紀錄不見、寫錯字或打錯字，要怎麼替 iPad 或 iPhone 備忘錄還原上一步呢？要是不小心在備忘錄內消失紀錄，可以利用本篇分享的四招 iPad iPhone備忘錄還原上一步技

Michelle Chen的沙龍

使用SwiftUI客製化Alert

這篇文章探討瞭如何在iOS應用程式中客製化Alert，包括改變字體大小、內嵌連結以及讓Alert的高度隨著字數增長並提供scroll操作。同時使用SwiftUI進行客製化，並介紹瞭解決高度超出範圍後文字捲動與scrollView固定高度的方法。

#客製化 #iOS #Alert

雷神快修的沙龍

iPhone沒有充電符號充不了電？

你可能正遇到 iPhone 有充電符號卻無法充電或 iPhone 充電斷斷續續的狀況？不用緊張，其實 iPhone 充電充不進去是最近許多蘋果用戶常反饋的問題，特別是升級到最新 iOS 17/16 無法充電是災情之一。這個情況可能包含 iPhone 充電一直跳、iPhone 充電沒反

雷神快修的沙龍

快速修復 iPhone 黑屏轉圈圈無法開機難題

很多使用者都曾經遇到過iPhone黑屏的情況，正中間出現 iPhone 轉圈圈的圖案（iPhone黑屏轉圈圈）；也有碰到過裝置訊號的位置一直轉圈圈的情況，此時任何的點擊和操作都沒反應。 iPhone 黑屏轉圈圈的類型及可能原因左上角 iOS 狀態欄一直轉圈圈 ●載入網頁中

繭居族的咖啡廳

中文網站介面測試：安著手機、蘋果電腦。瀏覽器：皆是Google瀏覽器。結果：過多人使用時即使登入系統也無法查看訂單和購物車，但過一陣子會自動更新變回正常。

#網站 #測試 #APP

台南Running man的沙龍

台南ipad維修價格線上問！大師修apple原廠認證維修中心，一次幫我搞定電池充電問題

Oh no…我的iPad不行了😭 充電完全充不進去，好像是電池掛了… 雖然果粉如我有很多Apple產品，但也是第一次遇到iPad換電池，一問Apple才知道iPad沒有提供換電池服務，只有整新機…這…價格貴很多啊！！

#iPad維修台南 #iPad維修推薦 #iPad換電池台南

EXCEL小知識 | 為什麼我的EXCEL不能向下填滿

向下填滿是EXCEL一個超好用的功能，依據不同的資料型態能有不同的填滿效果。例如總金額=單價*數量輸入完公式之後就會使用自動填滿的功能去將資料迅速的計算完成。每隔一段時間就會有網友詢問，為什麼我的EXCEL沒辦法向下填滿，我昨天還可以用，我隔壁同事也可以用，從開機也是一樣，我的E

#EXCEL #效率職人 #小技巧

RPAI 數位優化器

UiPath 疑難雜症 | 如何啟用 Chrome 擴充功能？

初學者在學習 UiPath 時經常會碰到：為什麼在 Chrome 瀏覽器中不能使用錄製功能？或是有時候突然不能使用 Click、Type Into 這類 UI Element 功能。上述問題的原因出在除了啟動 UiPath 的擴充功能，也要確保已開啟 Chrome 瀏覽器的擴充功能！

#RPAI數位優化器 #RPA #機器人流程自動化