attention admin about comments trackbacks you may also like

iPhone画面で直接スクロールバーを掴んで爆速スクロールする方法

2020年01月17日
iPhone話題
10
iPhone iOS13 スクロールバー 爆速スクロール

iPhoneをお使いの皆さんでしたら、Web閲覧している時に画面を下の方にスクロールするのに、指でチョンと弾く(フリックやスワイプ)ようにすると、シュルシュル~ンと、まことに滑かにスクロールされて心地良いですよね。

そんな快適なスクロールでも、最近はレスポンシブテンプレートを利用しているブログが増えつつあり、画面がとても「縦長」に表示されるようになりましたから、そのシュルシュル~ンと指で画面を弾く機会が増えましたよね(爆)

でも、iOS13(当初はバグのてんこ盛りで閉口しておりましたが)になってからは、指でシュルシュル~ンと弾かなくても、もっと爆速スクロール出来るようになっているんですけど、お気づきでしょうか?(笑)

筆者は偶然それを知りました「あっ なんじゃこりゃ~♪」って感じで(笑)


iPhone画面にスクロールバーが表示された様子
iPhone画面のスクロールバーが太く表示された様子

上のスクショのように、Web閲覧中にiPhone画面を指でチョンと弾くとスクロールバーが表示され、それが表示されている内に長押しすると、指にググっとiPhone特有の振動を感じ同時にスクロールバーが太くなるんですが、その状態で指を乗せたまま上下にクロールしてみてください、今までチョンチョンと画面を弾いて何度もスクロールしていたことが「今までなんだったんだ(笑)」ってな感じで爆速スクロール出来るようになっているんです(笑)

ほらほら、iPhone + iOS13 の環境の方は直ぐ試してみてください。(iPadでも同じかと思います)

弊ブログ上に表示されるスクロールバーのカスタマイズをしたんです

弊ブログでは最近、ブログ画面上に表示されるスクロールバーに色や形状のカスタマイズを行ったんです。

ブログのグローバルナビゲーションの様子

ブログ画面上部のグローバルナビゲーションの「LINK」をクリックすると、下図スクショのようになります。

グローバルナビゲーションのLINKを開いた様子

こんなカスタマイズの過程で、筆者 iPhone X 画面でスクロールバーがどんな表示になるかの確認作業中に、偶然に気がついたんでした。

それで急いで情報をググってみたら、もう既にそんな記事が幾つか見つかり「なんだぁ、既知の情報だったのかぁ」とちょっとガッカリしました(爆)が、 皆さんはこの機能もうご存知でしたか?


iOS13の爆速スクロールに喜ぶ男性

エグイねぇ
iPhoneの
爆速スクロール♪


自身のブログを各種ツールで分析しましょう

ブログがスマホで正しく表示されるかテストする!
モバイル フレンドリー テスト

ブログのスマホ表示速度分析は PSI が強力です!
Google PageSpeed Insights

ブログのPC表示速度分析は GTmetrix が強力です!
GTmetrix

検索からの方はトップページへもどうぞ


関連する記事
ぼっちん
Author: ぼっちん
記事に関わらないコメントでもOKですからね~ ^^

コメント(10)

There are no comments yet.

よつば  

2020/01/18 (Sat) 11:50

すごーい!

ぼっちん先生~♪ こんにちは~(^▽^)/

やったやった!即やってみたよ!面白ーい( *´艸`)パソコンみたい
そうなんだよね~スマホでスクロールするの面倒だったけど、簡単になったね!

お気に入りリンク「FC2ブログ繋がり」のトップに よつばのブログがあるって嬉しい♡
嬉しくって早速コメントしちゃいました♪

ぼっちん  

2020/01/18 (Sat) 16:06
ぼっちん

To よつばさん

よつばちゃん、こんにちは~ ^^

ねっねっ しっかり「パソコンのスクロールバーと同じように」機能してるよね~(笑)
私もずっと昔から「何でiPhoneの画面で、Windowsパソコンのスクロールバーのように機能しないのか?」って考えて、ブログ内でjQueryやCSSでいろいろ遊んでみた(笑)けど、実現出来なくて結局諦めたんだけど(笑)
まぁ、Akiraさんのレスポンシブテンプレートを使えば「スクロール3点ボタン(笑)」をデフォルトで設定してくださってるから、自分のブログならそれでスクロールしてくれたら良い♪なんて思えてたの(笑)

> お気に入りリンク「FC2ブログ繋がり」のトップに よつばのブログがあるって嬉しい♡

あっ そうでしたねぇ(笑) SSL化の初期の頃に、よつばちゃんが一番最初に熱心に取り組んでくれて、、、(笑)
その時から「お友達」感が、、、その結果が一番上位表示になったのかも (≧ω≦。)プププ

そふぃあ  

2020/01/19 (Sun) 19:44

こんばんは

私、まだiPhone8使っていますが(汗)私のiPhoneでも、脇線が太くなって同じようにスクロールできました!
使っていても(バージョンアップによって)知らないことって多いのですね。
気づかせてくださり、ありがとうございます。

ブログバーのカスタマイズも素敵ですね。流石です。
私、ぼっちんさんから教えていただいたDark Readerを使ってPCから拝見していますが、それだと文字が白くなって見えずらいのが…。
これならバッチリです。

ぼっちん  

2020/01/19 (Sun) 20:22
ぼっちん

To そふぃあさん

そふぃあさん、こんばんは~ ^^

> 私、まだiPhone8使っていますが(汗)私のiPhoneでも、脇線が太くなって同じようにスクロールできました!

は~い、iPhoneの機種名よりも、iOS13だったらこの機能が利用出来るようになったと言うことなんです ^^

> 使っていても(バージョンアップによって)知らないことって多いのですね。
> 気づかせてくださり、ありがとうございます。

私の場合は偶然この機能に気がついたんですけど、気がつかなかったら、ずっと相変わらず指でシュルシュル~ンってやってたでしょうね(笑)
偶然にせよ、こんな便利機能を知って良かったです(笑)

> ブログバーのカスタマイズも素敵ですね。流石です。

Akiraさんのこのテンプレート「Ample」って、やっぱりとっても弄くり甲斐があって楽しいんです(笑)
今日は、ブログ最上部のグローバルナビゲーションの文字列にマウスホバーすると、背景色を付けるようなカスタマイズをしてみました ^^

> 私、ぼっちんさんから教えていただいたDark Readerを使ってPCから拝見していますが、それだと文字が白くなって見えずらいのが…。
> これならバッチリです。

あっ そうでしたねぇ、Dark Readerのこと、すっかり忘れてました (^_^; アハハ…
あららら、Dark ReaderをONにしたら、なんとそのグローバルナビのデフォルトの文字色が白っぽく見にくくなってしまってますよねぇ (^^ゞポリポリ
こりゃあかん (^_^; アハハ… 明日にでもちょっと修正してみますね~(笑)

■ 追記: グローバルナビ配色修正完了 2020/01/20 09:50

のり♪  

2020/02/04 (Tue) 22:10

お久しぶりです^ ^

ぼっちんさーん♪
誰だかわかる?笑
以前の名前忘れちゃったので、この名前で(о´∀`о)
お元気?

この機能、私もたまたま見つけたの!
便利よね(๑˃̵ᴗ˂̵)

キャッシュレス決済やポイントなど
理解して整理して活用しようとしてたから
paypayの記事も読んだよー。
やり方は間違ってなかった^ ^

また覗きに来まーす(^_-)

ぼっちん  

2020/02/04 (Tue) 22:47
ぼっちん

To のり♪ちゃん

のりちゃん、お久しぶりぶり~(笑)
も~ 自分で散々使って来た昔のHN忘れたって、いいもの笑いだぞ~ (〃^▽^〃)oあはははっ♪
違う名前(笑)で突然現れたって、私にはちゃんと解ってるってば ( ̄ー ̄)ニヤリ

> お元気?

うんうん(^-^) それなりに歳なりに元気だよぉぉぉ (≧ω≦。)プププ

> この機能、私もたまたま見つけたの!
> 便利よね(๑˃̵ᴗ˂̵)

おっ まだiPhone使ってるんだね~ ^^
私もまだ相変わらず iPhone X のままだよ、一時はiPhone 11Pro に替えようと思ったけど「5G」のエリアがどう展開して行くのか様子見で、、、(笑)
場合によっては iPhone 12 までそのままかも~(笑)
うんうん(^-^) この爆速スクロール(笑) とっても便利に使ってるよ~ ^^

> paypayの記事も読んだよー。
> やり方は間違ってなかった^ ^

あのね、自分でしっかりセキュリティ管理が出来ていれば大丈夫だし、PayPayボーナス1,000円(笑)なんて付かなくても「使わなくちゃ勿体ない」んだから、使い倒したら良いのよ(笑)

ねぇねぇ、ところで、お住まい引っ越したの?(笑)

のり♪  

2020/02/04 (Tue) 23:09

To ぼっちんさん

あはっ( ›◡ु‹ )
予想通りバレバレだね(^^;;

私、引っ越しはしてないよー。

ぼっちん  

2020/02/04 (Tue) 23:13
ぼっちん

To のり♪ちゃん

えっ?(笑)

だって、発信地が「大阪」になってるんだもの(笑) だから引っ越した?って思ったんだけど、アクセス解析がいい加減だったのかな? (笑)

でも、のりちゃんも元気そうで良かったよ~ (^_-)-☆パチッ
また「生電話」しようね~ チャンスがあったら(笑)

■追記

あっ やっぱりアクセス解析が変になってたんだ(爆)
IPから調べ直したら、以前の通りだったよ~ (〃^▽^〃)oあはははっ♪

じゃあ、お休み~ (^_-)-☆パチッ

のり♪  

2020/02/04 (Tue) 23:19

To ぼっちんさん

えっ?
大阪?笑
不思議だね(・・?)

そうだね^ ^
久々にお話したいし
その時はLINEしまーす(^_−)−☆

ぼっちん  

2020/02/05 (Wed) 07:19
ぼっちん

To のり♪ちゃん

のりちゃん、おはよ~です~ ^^

> その時はLINEしまーす(^_−)−☆

うんうん(^-^) 楽しみに待ってるからね~ (^_-)-☆パチッ