ページ内のどこにいるかを分かりやすくナビしてくれるjQueryプラグイン「scrollNav.js」 2013年01月29日- scrollNav.js ページ内のどこにいるかを分かりやすくナビしてくれるjQueryプラグイン「scrollNav.js」。 ページの見出しを<h1〜6>のタグで定義しているとして、見出しを自動でサイドバーに固定で出してくれて、カレント位置の見出しを太字にしてナビゲーションしてくれます。 当然、ナビ部分をクリックすれば指定位置までアニメーションしながらスクロールしてくれます。 コンテンツを追加した際も、ナビゲーションを変えなくていいので、とっても便利ですね jQueryプラグインなので初期化するだけで利用もとっても簡単。 関連エントリ レスポンシブなナビゲーションの見本やチュートリアル ページ上部に隠れるナビゲーションバーが実装できるjQueryプラグイン「j
タグ
- すべて
- 36x36 (14)
- 36x36_ (33)
- 36x36_stacked (16)
- Archive (29)
- Article (10423)
- Blog (89)
- Cheet (27)
- Demo (9)
- English (66)
- English word (10)
- Gallery (1377)
- Google+ (29)
- LTE - 3G (61)
- Magazine (44)
- Manual (52)
- Page (68)
- Resource (11)
- Site (302)
- Slide (55)
- Specials (9)
- Tutorial (184)
- UI form select (11)
- UI menu (18)
- _4hatena (48)
- _4touch (16)
- _blog2016 (12)
- _categorize (7)
- _check (22)
- _coded (38)
- _concept (37)
- _dairy (7)
- _hwit (25)
- _lib (63)
- _lxr (9)
- _photo (121)
- _pinterest (21)
- _principal (8)
- _recipe (44)
- _rss (75)
- _scrapSomeday (49)
- _scrapTechRefLater (8)
- _scrapUIRefLater (13)
- _skinhead (10)
- _tab (69)
- _tab 錦糸町 (12)
- _tmp (7)
- _wcode (46)
- _wcode201403 (15)
- _wcodelater (120)
- _yumemakura (9)
- _zsearch (7)
- algorithm (32)
- amazon dash (7)
- analytics (47)
- android (51)
- android app (73)
- anime 攻殻機動隊 (18)
- apache (26)
- api (66)
- app (27)
- app camera (17)
- app game (10)
- app ifttt (16)
- app matching (8)
- architecture atomic (7)
- art (11)
- articles (87)
- audio (10)
- avatar (7)
- aws cognito (11)
- baas firebase (10)
- babymetal (13)
- bigdata (8)
- bitcoin (39)
- bookmarklet (20)
- bootstrap (20)
- bootstrap theme (7)
- browser (31)
- bussiness (9)
- bussiness china (9)
- bussinesscard (21)
- cakephp tips (9)
- canvas (46)
- centOS (35)
- centOS 7 (13)
- cipher (7)
- cloudnote (11)
- cloudnote evernote (12)
- cms drupal (14)
- cms magento install (10)
- color (45)
- color chart (7)
- color palette (18)
- color scheme (31)
- color tool (11)
- computer (13)
- coolURI (7)
- crossbrowser (23)
- css (111)
- css drawing (36)
- css flexbox (19)
- css framework (9)
- css framework tailwind (15)
- css gradient (8)
- css grid (8)
- css lib (9)
- css pseudo (9)
- css pure (25)
- css reset (16)
- css sass (11)
- css tips (57)
- css3 (196)
- database (17)
- design (394)
- design UIs (104)
- design accessibility (11)
- design accordion (12)
- design background (18)
- design button (33)
- design calendar (15)
- design dashboard (12)
- design favicon (15)
- design form (9)
- design graph (10)
- design header (8)
- design link (13)
- design loading (25)
- design logo (34)
- design map (39)
- design menu (30)
- design menu side (8)
- design notfound (8)
- design scheme (26)
- design searchbox (8)
- design slider (28)
- design socialbutton (24)
- design tab (15)
- design table (41)
- design tag (8)
- design text (24)
- design timeline (8)
- design tips (25)
- design title (14)
- design tooltips (13)
- design usability (20)
- design workflow (13)
- development TDD (17)
- device (83)
- device arduino (11)
- device camera (53)
- device car (13)
- device drone (16)
- device robohon (17)
- device video (13)
- device vr (8)
- device wearable (84)
- devtools (9)
- dns (10)
- docker (14)
- dragdrop (21)
- ebook (72)
- ebook jisui (13)
- effect (27)
- effect hover (31)
- elastic kibana (8)
- elastic search (19)
- emoji (16)
- eva (9)
- face_detection (27)
- facebook (68)
- faith (13)
- federated_system (12)
- fileapi (14)
- font (246)
- font feature (10)
- font ligature (9)
- font ratio (8)
- font stylesheet (11)
- font tips (12)
- font tools (8)
- form (66)
- form input (9)
- form range (11)
- form select (15)
- form textarea (8)
- framework (22)
- ftp (8)
- game pokemon (18)
- gif (8)
- gif anime (24)
- github (54)
- google (126)
- google chrome (15)
- google glass (11)
- google tango (17)
- google_chrome_extension (76)
- google_devtool (43)
- gourmet (49)
- grid (10)
- grid masonry (11)
- hatena (37)
- hints (22)
- html (14)
- html5 (143)
- html5 fullscreenapi (8)
- html5 localstorage (15)
- html5 markup (26)
- html5 microdata (9)
- http (15)
- http2 (20)
- https (28)
- icon (268)
- icon line (16)
- ide monaca (11)
- ide phpstorm (49)
- ide phpstorm howto (16)
- ide phpstorm plugin (9)
- if form (10)
- if textarea (11)
- illustrater (29)
- illustrator (45)
- image (140)
- image_detection (9)
- imagesphere (11)
- ime atok (8)
- indexedDB (20)
- instagram (21)
- interface gesture (12)
- internet (106)
- internet NFT (19)
- internet iot (71)
- internet web3 (9)
- ios accessory (10)
- ios app (372)
- ios howto (34)
- ios ios8 (24)
- ipad || iphone (350)
- ipad || iphone accessory (32)
- ipad || iphone howto (12)
- ipad || iphone iphone6 (13)
- ipad || iphone watch (8)
- ipv6 (36)
- jquery (389)
- jquery plugin (341)
- jquery tips (12)
- js (308)
- js D3 (19)
- js closure (9)
- js core (9)
- js detect (12)
- js event (13)
- js framework (8)
- js lib (168)
- js native (8)
- js promise (12)
- js tips (27)
- junre IT (8)
- junre landing (12)
- junre portfolio (16)
- junre webtool (22)
- key cat (12)
- key clock (18)
- key covid-19 (55)
- key gear (13)
- key keyboard (41)
- key keyboard HHKB (12)
- key keyboard mobile (16)
- key micon (22)
- key sake (93)
- lang English (34)
- lang Japanese (102)
- layer UI (14)
- layer tech (8)
- license (14)
- lifehack (17)
- line (31)
- linux (34)
- linux bash (11)
- linux command (173)
- linux lvm (9)
- linux primer (8)
- mac (111)
- mac app (38)
- mac howto (24)
- markdown (25)
- markdown pandoc (8)
- mastodon (37)
- materials (32)
- math (24)
- monetize (33)
- mongodb (10)
- morphological (22)
- ms hololens (10)
- ms win10 (10)
- ms win10 bash (8)
- music (23)
- mysql (71)
- news (30)
- no-classified (48)
- no-junre (333)
- node (19)
- node npm (8)
- node puppeteer (17)
- oop (9)
- opendata (18)
- others (16)
- parallax (14)
- pattern (111)
- paypal (10)
- pdf (11)
- photo (56)
- photogallery (13)
- photoshop (215)
- photoshop action (17)
- photoshop howto (14)
- php (281)
- php cake (45)
- php class (8)
- php composer (8)
- php laravel (27)
- php lib (18)
- php lib sentinel (14)
- piano (14)
- picasa (11)
- pinterest (15)
- politics (44)
- programming (109)
- programming architecture (12)
- programming debug (11)
- programming oop (14)
- pseudonyms (17)
- pwa (12)
- react (17)
- read_books (185)
- ref (8)
- regexp (24)
- responsive (70)
- rss_reader (19)
- rss_reader feedly (17)
- rss_reader google (12)
- sakura (10)
- sakura cloud (14)
- sakura iot (13)
- science (40)
- science biology (9)
- science brain (13)
- science genetics (16)
- science quantum (35)
- scroll (44)
- scroll parallax (10)
- scrolleffect (16)
- search (47)
- search engine (9)
- security (126)
- security blockchain (12)
- selenium (12)
- sendgrid (18)
- seo (75)
- server (19)
- server performance (14)
- server vhost (8)
- serviceworker (9)
- shape (11)
- softbank pepper (8)
- software (22)
- ssh (21)
- startup (60)
- structured_data (8)
- style card (25)
- style flat (110)
- style hud (25)
- style minimal (8)
- style typography (11)
- svg (49)
- svg icon (29)
- tech 3D (10)
- tech ai (12)
- tech animation (53)
- tech animation performance (14)
- tech authentication (22)
- tech autocomplete (10)
- tech chatbot (18)
- tech cookie (9)
- tech cp_paste (9)
- tech csv (24)
- tech highlight (10)
- tech interaction (9)
- tech jQuery plugin (8)
- tech lazyload (12)
- tech oauth (21)
- tech ocr (17)
- tech password (12)
- tech payment (20)
- tech responsive (25)
- tech scraper (20)
- tech scroll (26)
- tech scroll parallax (9)
- tech search (30)
- tech search fulltext (8)
- tech visualization (65)
- texture (232)
- touchUI (30)
- touchUI amp (11)
- touchUI event (10)
- touchUI pwa (10)
- translate (28)
- try_later (95)
- tumblr (12)
- twitter (144)
- type Article (21)
- type Github (9)
- unicode (8)
- uploader (19)
- ux (19)
- ux ui (8)
- validation (11)
- video (21)
- video background (8)
- vim (49)
- vista (221)
- vista ai (96)
- vista ai alphago (18)
- vista ai gpt-3 (9)
- vista ar (52)
- vista avatar (10)
- vista cyborg (14)
- vista humanoid (38)
- vista humanoid lovedoll (37)
- vista interfaces (71)
- vista robot (64)
- vista vr (53)
- vr app vrchat (8)
- vr service (16)
- vue (290)
- vue composition (22)
- vue i18n (9)
- vue lib (21)
- vue plugins vuetify (19)
- vue router (29)
- vue snippet (36)
- vue syntax (26)
- vue tips (28)
- vue tutorial (63)
- vue vuex (15)
- want_it (16)
- watch_later (14)
- wearable glass (31)
- wearable ring (10)
- wearable watch (30)
- web (45)
- web news (12)
- webcomponents (8)
- webfont (44)
- webgl (19)
- webrtc (11)
- webservice (269)
- webservice dropbox (24)
- webservice gumroad (8)
- webservice gunosy (21)
- webservice junre sharing (20)
- webservice shopcard (9)
- websocket (13)
- websymbols (52)
- webtech (88)
- webtool (24)
- wiredhiro (80)
- wordpress (24)
- wordpress kusanagi (9)
- wordpress plugins (14)
- wordpress theme (34)
- wysiwyg (13)
- xoops (28)
- youtube (37)
- その他 BGM (13)
- その他 バイク (43)
- その他 ファッション (12)
- その他 介護 (35)
- その他 求人 (12)
- その他 自動車騒音 (15)
- アワード CHA (15)
- ウェブサービス (14)
- ギャラリー (20)
- クリップ (83)
- サイト dev (20)
- サイト websymbols (13)
- サイト ガイドライン (13)
- サイト ギャラリー (52)
- スクリプト (12)
- スタック (75)
- フォロー 暦本純一氏 (19)
- フォロー 登大遊氏 (14)
- フォロー 石黒浩氏 (20)
- ブックマーク (253)
- ボタン (12)
- ユメマクラ (11)
- ライブラリ x (59)
- 写真 スライド (26)
- 参考 ライセンス (10)
- 素材 写真 (69)
- 記事 えふしん氏 (18)
- 記事 亀山敬司氏 (8)
- 記事 井口尊仁氏 (9)
- 記事 増井俊之氏 (16)
- 記事 岩田聡氏 (10)
- 記事 川上量生氏 (26)
- 記事 清水亮氏 (28)
- 記事 田中邦裕氏 (11)
- 記事 落合陽一さん (9)
- 記事 金子勇氏 (12)
- 郵便番号検索サイト (18)
- 開発ツール (20)
- Article (10423)
- Gallery (1377)
- design (394)
- jquery (389)
- ios app (372)
- ipad || iphone (350)
- jquery plugin (341)
- no-junre (333)
- js (308)
- Site (302)
_wcodeとlang Japaneseに関するbleu-bleutのブックマーク (1)
-
bleu-bleut 2013/01/29
- _wcode
- _scrapTechRefLater
- type Article
- layer tech
- lang Japanese
- tech scroll
- tech jQuery plugin
リンク -
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx