ウェブページをPinterestのように無限スクロールさせるjQueryのプラグイン、アンドWordPressのプラグインを紹介します。 Infinite Scroll 一番最初にリリースされたのはかなり前ですが、いつの間にか2.0にバージョンアップされていたのでご紹介。 Infinite Scrollのデモ Infinite Scroll -jQueryのプラグイン Infinite Scroll -WordPressのプラグイン Infinite Scrollのデモ デモはテキストだけのページです。 ページ下部の「more」をクリック Infinite Scroll -jQueryのプラグイン Infinite Scroll -jQueryのプラグイン Infinite Scrollの使い方 Infinite Scrollの実装は簡単です。 まずは、外部ファイルをセットします。 <sc
タグ
- すべて
- まとめ (16)
- .htaccess (7)
- 2009 (15)
- 2ch (6)
- 3d (27)
- AfterEffects (3)
- CAD (2)
- DS (6)
- DTM (3)
- DivX (3)
- DivX_Stage6 (2)
- Dreamweaver (3)
- English (2)
- FTP (3)
- Git (5)
- H.264 (2)
- OAuth (6)
- PSP (25)
- PageFlip (3)
- SNS (14)
- Titanium (2)
- Vista (13)
- WYSIWYG (2)
- XML (15)
- accordion (3)
- action (12)
- actionscript (53)
- ad (2)
- adobe (12)
- adobemax2007 (15)
- adobemax2009 (6)
- adsense (7)
- air (50)
- ajax (61)
- alarm (3)
- algorithm (4)
- alternativa3d (2)
- amazon (2)
- analytics (21)
- android (68)
- animation (24)
- apache (5)
- api (39)
- app (16)
- apple (9)
- apps (63)
- ar (2)
- art (5)
- as2 (4)
- as3 (291)
- asdoc (3)
- auction (4)
- background (34)
- backup (15)
- batch (2)
- battery (2)
- betweenas3 (6)
- bitmap (8)
- bitmapdata (5)
- blog (40)
- blogparts (3)
- bookmark (7)
- bookmarklet (5)
- bootstrap (5)
- box2d (22)
- browser (26)
- brush (80)
- buddypress (12)
- business (33)
- businesscard (6)
- button (3)
- c (4)
- calendar (16)
- calender (6)
- campaign (13)
- canvas (3)
- captcha (2)
- capture (2)
- cart (3)
- category (2)
- chat (2)
- chrome (18)
- clock (3)
- cm (2)
- cms (20)
- coding (5)
- collada (3)
- color (19)
- command (6)
- comment (7)
- components (3)
- coockpad (2)
- cook (2)
- cookie (2)
- cooking (3)
- cookpad (6)
- cool (19)
- coreserver (2)
- css (192)
- css3 (39)
- csv (3)
- customfield (9)
- date (3)
- debug (25)
- del.icio.us (4)
- demo (2)
- design (130)
- development (48)
- dictionary (2)
- displacementmapfilter (2)
- doctype (2)
- domain (5)
- download (19)
- drawing (2)
- dropbox (4)
- dropdown (4)
- dvd (6)
- ec (7)
- eclipse (2)
- eco (4)
- editor (12)
- effect (23)
- emulator (7)
- error (4)
- event (7)
- evernote (8)
- excel (17)
- extension (54)
- extensions (2)
- facebook (63)
- fashion (5)
- favicon (8)
- fax (2)
- fdt (4)
- feed (6)
- firebug (4)
- firefox (82)
- fireworks (3)
- fladdict (5)
- flartoolkit (2)
- flash (574)
- flashdevelop (45)
- flashlite (25)
- flashlite1.1 (5)
- flashplayer10 (8)
- flashswither (2)
- flat (3)
- flex (8)
- flick (2)
- flickr (6)
- flower (5)
- flv (23)
- flvplayback (3)
- font (118)
- food (7)
- form (46)
- framework (15)
- free (383)
- freelance (20)
- fusekit (2)
- gadet (2)
- gadget (7)
- gallelly (6)
- gallery (42)
- game (46)
- generator (50)
- gif (5)
- gigazine (6)
- gihyo (4)
- gmail (11)
- google (64)
- googleanalytics (4)
- googlecalendar (3)
- googlechrome (7)
- googlemaps (32)
- googlereader (2)
- gradient (9)
- graphic (13)
- greasemonkey (11)
- grid (7)
- haXe (4)
- hack (20)
- hatena (7)
- hdd (3)
- hospital (2)
- howto (11)
- htaccess (11)
- html (23)
- html5 (83)
- iOS (14)
- iOS5 (2)
- icon (171)
- ie (14)
- ie6 (29)
- illustrator (56)
- image (71)
- inspiration (78)
- interactive (18)
- interface (25)
- ipad (26)
- iphone (294)
- ipod (5)
- ipod_touch (21)
- ipodtouch (5)
- itunes (13)
- jailbreak (5)
- javascript (180)
- job (5)
- jplayer (2)
- jqtouch (3)
- jquery (373)
- js (31)
- jsfl (7)
- kakaku (2)
- kinect (2)
- layout (5)
- leopard (2)
- less (3)
- library (150)
- lifehack (10)
- lightbox (14)
- linux (2)
- loading (10)
- logo (27)
- mac (51)
- mail (14)
- mailto (2)
- manual (2)
- map (6)
- mashup (2)
- material (3)
- matrix (5)
- microsoft (6)
- mindmap (6)
- mixi (10)
- mobile (137)
- mockup (5)
- motion (21)
- movabletype (12)
- movie (47)
- mp3 (6)
- mpeg (2)
- music (24)
- mysql (6)
- navigation (63)
- news (3)
- node.js (5)
- objective-c (18)
- office (3)
- ogp (3)
- oop (4)
- opensource (2)
- osx86 (3)
- package for iphone (2)
- pagination (5)
- papervision3d (4)
- particle (6)
- patch (2)
- pattern (45)
- pc (4)
- pdf (9)
- photo (54)
- photobook (4)
- photoshop (305)
- php (77)
- phpmyadmin (2)
- picasa (5)
- pinterest (2)
- pjax (2)
- player (14)
- plugin (336)
- png (17)
- portal (4)
- portfolio (19)
- powerpoint (3)
- presentation (2)
- print (6)
- programming (39)
- progression (75)
- promotion (6)
- prototype (2)
- psd (34)
- pv3d (29)
- qtranslate (2)
- r4 (4)
- recipe (14)
- recruit (6)
- redmine (5)
- reference (71)
- remote (2)
- report (2)
- reset (2)
- retouch (3)
- rom (11)
- roxik (2)
- rss (16)
- safari (2)
- salon (2)
- sample (85)
- science (2)
- screensaver (3)
- screenshot (4)
- scroll (9)
- scrollbar (5)
- seach (2)
- search (18)
- security (24)
- seo (30)
- serch (2)
- server (17)
- service (5)
- setting (9)
- shadowbox (3)
- shape (10)
- shop (6)
- sion (4)
- siteArchive (11)
- sitemap (5)
- sketchbook (2)
- skype (2)
- slide (10)
- slideshow (26)
- snipets (7)
- software (120)
- sound (58)
- sozai (233)
- spam (2)
- stage3d (2)
- stage6 (2)
- storage (21)
- strage (4)
- study (32)
- style (2)
- subversion (4)
- svn (4)
- swc (3)
- swf (14)
- swfobject (8)
- sync (10)
- syntaxhighlighter (3)
- tab (3)
- table (13)
- template (73)
- text (8)
- textfield (7)
- texture (80)
- tha (8)
- theme (112)
- thumbnail (3)
- thunderbird (5)
- ticker (3)
- time (2)
- tinymce (3)
- tips (843)
- todo (6)
- tokyo (6)
- tool (271)
- tools (2)
- tooltip (9)
- torrent (9)
- trace (5)
- trackback (4)
- travel (17)
- trunc (2)
- tumblr (4)
- turorial (2)
- tutlrial (2)
- tutorial (255)
- tv (2)
- tween (6)
- tweener (23)
- tweensy (6)
- twiitter (5)
- twitter (90)
- typography (11)
- ubuntu (2)
- ui (193)
- ul (2)
- uniqlo (10)
- uploader (2)
- url (6)
- usability (3)
- usb (6)
- useragent (4)
- vba (2)
- vector (76)
- veoh (3)
- veohTV (2)
- vicuna (2)
- video (24)
- vintage (2)
- vmware (3)
- voice (3)
- w-zero3 (5)
- wallpaper (24)
- wav (2)
- we (3)
- web (78)
- web2.0 (12)
- webcam (2)
- webdesign (906)
- webfont (3)
- webservice (197)
- webデザイン (2)
- web制作 (8)
- web制作会社 (8)
- wi-fi (3)
- widget (3)
- wifi (2)
- wii (2)
- wiki (10)
- windows (68)
- wireframe (4)
- wireless (2)
- wo (2)
- wonderfl (17)
- wordpress (386)
- wordprss (2)
- xampp (2)
- xcode (3)
- xhtml (3)
- xmas (8)
- youtube (23)
- yugop (4)
- zip (3)
- ★ (14)
- おもしろい (7)
- お役立ち (25)
- かわいい (2)
- これはすごい (31)
- これは便利 (17)
- まとめ (973)
- まめにチェック (2)
- アクセス解析 (2)
- アドイン (2)
- イラスト (2)
- インタラクティブ (2)
- カスタマイズ (6)
- カスタム投稿タイプ (8)
- キラキラ (7)
- クーポン (2)
- グランドゴルフ (3)
- ショートコード (2)
- スマートフォン (2)
- タブ (2)
- タモリレシピ (2)
- ドラマ (2)
- ネタ (10)
- バス (2)
- パララックス (4)
- パンくず (4)
- ピクトグラム (2)
- ブラウザ (5)
- ブラシ (2)
- ホテル (2)
- ポータル (3)
- メモ (4)
- ライブラリ (4)
- レスポンシブ (6)
- 三角関数 (2)
- 不動産 (2)
- 使える (13)
- 便利 (8)
- 保険 (2)
- 全画面 (2)
- 制作会社 (4)
- 勉強 (9)
- 医療 (2)
- 占い (2)
- 名刺 (4)
- 和 (15)
- 地震 (4)
- 学習 (2)
- 年賀状 (4)
- 引越し (4)
- 手書き (3)
- 日本語化 (7)
- 最適化 (3)
- 本 (4)
- 東京 (3)
- 正規表現 (6)
- 相場 (2)
- 絵文字 (10)
- 考え方 (2)
- 角丸 (3)
- 記法 (3)
- 連載 (8)
- 電子書籍 (6)
- 高速化 (5)
- まとめ (973)
- webdesign (906)
- tips (843)
- flash (574)
- wordpress (386)
- free (383)
- jquery (373)
- plugin (336)
- photoshop (305)
- iphone (294)
javascriptとscrollに関するkanariiaのブックマーク (4)
-
kanariia 2012/07/26
最近使ったやつやー- javascript
- scroll
- wordpress
リンク -
iPhone iPadで「position: fixed」を実現するiScroll « オモテメン（高山一登のブログ）
3日に書いたiPad readyの記事で紹介したNikeのサイトがヘッダーを固定していたのでてっきりiPadはiPhoneで使えなかったCSSの「position: fixed」が使えるのかなと思ったらやっぱりiPadでも「position: fixed」は使えなくて、代わりに「iScroll」というJavaScriptライブラリで実現していたと知ってびっくり。 これを使えばiPhoneでも「position: fixed」に相当するデザインを実現できそうです。デモはこちら ただしこれを使うと、逆に通常のブラウザではスクロールできなくなるので注意が必要です。上のデモもPCでは機能しません。 使い方は簡単で、JS読み込んでスクロールさせるdivにIDつけて、その親divにもIDつけてあとCSS指定するだけ。詳しくはデモのソースを見れば分かります。2つのdivの間に違う要素が入るとダメみた
-
スクロールのデザインするならコレが便利なjQueryプラグイン「jScrollPane」:phpspot開発日誌
jScrollPane スクロールのデザインするならコレが便利なjQueryプラグイン「jScrollPane」。 ちょっと前に話題になっていたような気がしますが便利なのでご紹介。 デザインサイトなどで、スクロールを使ってしまうとOSによって見栄えが変わってきてしまって全体のデザインを崩してしまいますが、このプラグインを使えばそういうこともなさそうですし、更に拡張された機能を使うことができます。以下にピックアップします。 デザイニング 次のような自由にデザインされたスクロール付きブロックを実装可能 プラットフォームに関わらずWinXPスタイルのスクロールバー実装 同様にMacOS Xみたいなスクロールバーも実装できます 拡張機能 さらに面白いのが、スクロール内でさらにスクロールさせるという機能。 スクロール要素をネストできます あと、スクローラー外部からの<A>タグをクリックで指定位置にス
-
Parked at Loopia
This domain has been purchased and parked by a customer of Loopia. Use LoopiaWHOIS to view the domain holder's public information. Are you the owner of the domain and want to get started? Login to Loopia Customer zone and actualize your plan. Register domains at Loopia Protect your company name, brands and ideas as domains at one of the largest domain providers in Scandinavia. Search available dom
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx