今どきのスムーズスクロール(2019年版) - to-R Media

2019/03/15 175 users jQuery しょうが お世辞 今どき 筆者

ページ内リンクをスムーズスクロールで行いたい場合はどのようにすればよいでのしょうか？ jQueryを利用すれば簡単に対応できますが、非jQueryの案件ですと悩みものです。 筆者は12年前にjQuery非依存のスムーズスクロールのJavaScriptライブラリ「smoothScroll.js」をリリースしていますがお世辞にも今の時代に利用する... 続きを読む

ページ内リンクの実装から考える、<a>要素のclickイベントとその振る舞い - シフトブレイン／スタンダードデザインユニット

2018/10/26 80 users スタンダードデザインユニット シフトブレイン 実装 要素 タブ

この他に macOS の Chrome では、ShiftキーとMetaキーを併用することで、新しいタブで開きつつそのタブをアクティブにすることができました。 CSS によるスムーズスクロール ページ内リンクをクリックしたときのスクロールを、アニメーションによってスムーズにしたいということはよくあります。これは CSS のscroll-beh... 続きを読む

jQuery：ページトップへの動きに使えるエフェクト 5 | NxWorld

2015/07/07 106 users NxWorld jQuery エフェクト 先頭 ページトップ

閲覧ページの先頭まで移動できるように設置しているところも多い「ページトップ」や「ページの先頭へ」といったページ内リンクで、移動する際の動きにjQueryを使ってエフェクトをつけたサンプルです。よく見かける単純なスムーススクロールを含めた全5種類で、少しいじればその他の場所へのページ内リンクの動きとしても実装できます。 ※以下で紹介している方法はいずれもjQueryを使用していますので、予め読み込ま... 続きを読む

ChromeExtension「Gestures for Chrome」のスムーススクロールがヤバイ*ホームページを作る人のネタ帳

2012/05/18 73 users ChromeExtension ヤバイ ネタ帳 ホームページ

Windows限定。理由は一番下に。 ちょっと欲しかったブラウズの滑らかさがようやく手に入ったので・・・もしかしたらこの業界では有名なのかもしれないけど。 Mac使うようになって、WindowsのChromeでのタブ移動が非常に面倒に感じるようになってしまった。 私の設定ではMacだと、中指置きながら人差し指タップで「左のタブへ移動」 人差し指置きながら中指タップで「右のタブへ移動」という設定。 ... 続きを読む

Interface.jsで簡単スムーススクロール - Emotional Web

2007/06/18 187 users Emotional Web

Navigation Archives 2008 年 1 月 2007 年 12 月 2007 年 11 月 2007 年 7 月 2007 年 6 月 2007 年 5 月 2007 年 4 月 2007 年 3 月 2007 年 2 月 2007 年 1 月 2006 年 12 月 Blog Category Personal (17) カメラ・写真 (1) レビュー (1) 旅写真 (3) ... 続きを読む