[Web] スマートフォンのびよーんと伸びるスクロールの動きを止める方法 - YoheiM .NET
今日はライトなネタを(*´∇｀*) スマートフォンでWebサイトを見た際に、指でスクロールすると、 画面外までびよーんとスクロールできます。iPhoneとか。 でも時には、その動作をして欲しくない事も。指で絵書くサイトとか。 そのびよーん動作を防ぐ方法をブログに残したいと思います。 びよーん動作を防ぐスクリプト ひっぱって戻る動作を防ぐ為に、横スクロールの禁止と縦スクロールの禁止に分けて対応します。 横スクロールを禁止する 横スクロールを禁止する為には、metaタグでviewportの設定を行うとできるようです。 <meta name="viewport" content="width=500px ,initial-scale=0.64 ,user-scalable=no"/> 横幅指定と、初期表示倍率指定と、ユーザーによる倍率変更の禁止です。 縦スクロールを禁止する びよーん動作を防ぐた
![[Web] スマートフォンのびよーんと伸びるスクロールの動きを止める方法 - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/dec74d500d491387e21b41cc1fad38d9634c1600/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F038.png)
Antiscroll - os x lion style cross-browser native scrolling on the web that gets out of the way
os x lion style cross-browser native scrolling on the web that gets out of the way. supports mousewheels, trackpads, other input devices natively. total size is 1kb minified and gzipped. doesn't magically autowrap your elements with divs (manual wrapping is necessary, please see index.html demo). fade in/out controlled with CSS3 animations. shows scrollbars upon hovering. scrollbars are draggable.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
