マウススクロールせずに全部の項目を選ぶことが出来る ドロップダウンメニュー 「Dropdown」

doropdown menu
このエントリーをはてなブックマークに追加
PR

Dropdown
By Hampus Persson

DEMO 表示

クリックして表示されるドロップダウンメニューの項目がすべて表示しきれていない状態でも、マウススクロールをせずともマウスポインターに合わせてオートスクロールすることで、選択することが出来るメニュー

こういった動きには慣れていないので一瞬気持ち悪い感覚が有りましたが
マウスホイールを使わずに選べるってのは、便利ですね

 

コードは jQuery を使って書かれています
コピペでどんな環境でも使えるっていうわけではなくて

CSS側と、jQuery側で数値を一致させたりする必要があります

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)