タグ

scrollに関するarrow0626のブックマーク (4)

  • FireFoxのホイールスクロールをスムーズに - あるSEとゲーマーの四方山話

    <てるやん> うちのマウス、ロジクールMX500はドライバ設定で6行スクロールまでしかできない。 ホイールクリックあたり6行。 通常のアプリケーションではそれで問題ないが 昨今のWebサイトという奴は縦に長い! 6行じゃ全然たりんわww これは高解像度モニターに移行してからなおさら強く感じるようになった。 一度に表示される情報も多いから、6行スクロールがなお遅い。 少し前にOperaブラウザを試したがそれはとてもスムーズに気持ちよく使えた。 FireFoxより軽くてレンダリングも速いというのもあるが、 ホイールスクロールが13行になってるのだ!! スクロールもFireFoxのカクカクスクロールと違って滑らか!! これは快適(o ̄∇ ̄)o FireFoxにもスムーズスクロール機能は標準でついてるが、 これを入れるとスクロール自体が遅くなってしまうので使えないのだ。 しかし、FireFoxの超

  • jQuery でページスクロール - daily dayflower

    jQuery 1.2 以降だと scrollTop(と scrollLeft)という疑似スタイルが利用できるようになったので,jQuery UI を使わずとも,jQuery Core 体だけでページ内スクロールができるようになりました。 たとえば, <html> <body> <p> blah, blah, blah, ... blah, blah, blah, ... </p> <p> <a href="#" id="link_to_top">ページの先頭へ</a> </p> </body> </html> このような HTML で「ページの先頭へ」というリンクをクリックしたときに,スムーズにスクロールしたいのなら, $(function () { if (! $.browser.safari) { $('#link_to_top').click(function () { $(thi

    jQuery でページスクロール - daily dayflower
  • [JS]マウスのホイール操作を認識するスクリプト -Mouse Wheel Extension

    Mouse Wheel Extensionは、ユーザーのマウスのホイール操作を認識するスクリプトです。 Mouse Wheel Extension デモページ 上記のデモページでは、下記のホイール操作を認識しています。 test1: エリア内で、up, downのカウントとマウスの座標。 test2: ホイールのデフォルト操作を禁止。 test3: mouseover, mousedown のカウント。 test4: ハンドラーを2つ設定。 test5: test 6, 7など子要素を持っている。 test6: 子要素内でのホイールのカウント。 test7: 子要素無しで、test5, 6をカウント。 Mouse Wheel ExtensionはjQueryのプラグインで、最新版の3.0.0ではjquery.js 1.2.2以上が必要です。

  • Google Mapsのホイール拡大縮小 スクロールしないで

    Google Mapsをマウスに付いているホイールで拡大縮小できると気持ち良い。GMap2オブジェクトに対しenableScrollWheelZoomメソッドを使えば、ホイールで拡大縮小ができるようになる。だけど、ページも同時にスクロールしてしまうことが問題だった。 調べてみたけど、なかなか難しい。結局、どこかの掲示板Mapping Application & Data Entry @ Woodrow Wilson School, Princeton Universityというのを見つけた。ホイールで拡大縮小しつつ、ページスクロールしていない!掲示板では、この作者が「ホイールで拡大しようとすると一段階ではなく二段階拡大してしまう」と助けを求めていた。ソースを見れば直ぐ分かる通り、enableScrollWheelZoomで一段階拡大し、さらに自分のオリジナルコードで一段階拡大している。き

  • 1