要素を無限スクロールさせるjQueryプラグインいくつか
必要になるかも知れないので、 今のうちにかき集める作業です。 よくみる無限スクロールサイトを 実装できるjQueryプラグインです。 あんまり使ったこと無いので 注意点なんかのメモ書きもして おきます。 というわけでいつもの自分用メモなので、これから触る用のまとめです＝オススメプラグインとかじゃないです。無限スクロールと言っても要素が無くなれば止まります。当たり前ですが。 Tumblrとかギャラリーとかでよく見かける無限スクロールを実装できるやついろいろ。WPデザインギャラリーでも実装していますが、これは5509氏のプラグインによるものです。便利っすー。 infinite scroll jQuery Masonryっていう、boxを段々にするやつと一緒に使ってるのを以前実装しました。結構よかった。WPプラグインもあるみたい。 infinite scroll Endless Scroll ち
negic
Recent Entries Reactでシンプルなwebサイトが作れそうなテンプレートを作った 2015/12/13 advent_calendar, react react-mixinのmixinファイルの中で 「_（アンダーライン）」をメソッド名の先頭に使ったらエラーはいた 2015/10/12 react, react-mixin webpack.configをCoffeeScriptで書く 2015/06/10 coffeescript, webpack CSSで印刷を禁止させる 2015/02/26 css, print Advent Calendar 2014 読むリスト 2014/12/15 advent_calendar all entries Tags adobe advent_calendar android asciiart audio audition book
ajiblo - HTML5+jsで背景のスクロール速度を変える。
function calcParallax(tileheight, speedratio, scrollposition) { return ((tileheight) – (Math.floor(scrollposition / speedratio) % (tileheight+1))); } window.onload = function() { window.onscroll = function() { var posY = (document.documentElement.scrollTop) ? document.documentElement.scrollTop : window.pageYOffset; var firstWrapping = document.getElementById(‘firstWrapping’); var firstWrappingpara
jQueryゼロから / オートロード(スクロールすると次のページを自動読み込み) | ゆるぶ | ページ 513
画面下までスクロールすると次のページを読み込んでくれるヤツですね。 イロイロ見てると次のような考え方みたいす。 対象コンテンツの下端の位置座標が表示エリア(ウィンドウ下端)に近づいたら、続きを読み込みます。これを、ウィンドウをスクロールした時にチェック。 まず、コンテンツの下端の位置座標を求める。対象エリアの id 属性が target なら、以下。
jQueryでスクロールすると表示する系いろいろ
Posted: 2012.03.08 / Category: javascript / Tag: jQuery, アニメーション 最近はスクロールするときにいろいろ仕掛けをするのが流行なようです。 ここではシンプルにある要素の位置とか最下部までスクロールしたら何か表示するということをやってみます。 ちょっとスクロールするとフェードして「トップへ戻るボタン」を表示を表示します。 ボタンは下の方にこんな感じで配置します。 html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedにすると固定配置されます。 css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-
jQueryで長いページの区切り（セクション）ごとに背景を変化させる
Posted: 2011.11.07 / Category: javascript / Tag: jQuery, アニメーション 最近は一ページに内容を詰め込んだ縦長のページが増えてきましたね。 そこでスクロールすると区切り（セクション）ごとに背景が変化したら、面白いのではないのかと思いましたのでやってみました。 html sectionはhtml5ではなくdivにclassでマークアップした昔ながらの形式にしました。 html <div class="section"> <h2>Section0</h2> <p> ここは0番目のコンテンツです。 </p> </div> <div class="section"> <h2>Section1</h2> <p> ここは1番目のコンテンツです。 </p> </div> <div class="section"> <h2>Section2</h2>
jQuery custom content scroller – malihu | web design
When upgrading from version 2.x to 3.x it’s important to use version 3 CSS and .png files. Version 3 is backwards compatible but it’s also a huge overhaul. One significant change is that you don’t need to call the update method manually (the script does it automatically). For more info see changelog. Version 2 is still maintained and updated here. Get started Configuration Methods Styling Callback
iPhoneで一気に先頭までスクロールするには | ライフハッカー・ジャパン
iPhoneやiPod touchで、RSSリーダーのチェックやwebブラウジングをしていると、結構な量をスクロールしていることがあります。 そんな中で、「そういや、先頭付近に書いてあったあの情報をもう一回見たいな」と思った時に、先頭付近までもう一度同じ量のスクロールをして戻っていることありませんか？ パソコンならiPhoneやtouchと違って画面が広くて情報量も多く、スクロールの量もたかがしれていますが、iPhoneやtouchの場合一画面の情報量が限られているため、スクロールの量が半端ではありません。 でも、そんな時この方法を知っておくと一気に先頭まで戻ることができます。 赤で囲んだ部分をタップすると一気に先頭に戻ります。 僕の場合、iPod touchを使い『byline』でRSSをチェックしているのですが、途中で先頭の記事を読み返したくなった時に一気に戻ることができるため、とても
こだわりのページ内リンクスムーズスクロール scrollsmoothly.js
「ページ内リンク スムーズスクロール」でググればいくらでも出てくるシロモノだけど、自分の要望をすべて満たすものが無かったので作ってみた。 こだわりのページ内リンクスムーズスクロール scrollsmoothly.js 動作サンプル 以下のソースコードをサンプルページのようにhead内で読み込むだけでOK。 ソースコード(Javascript) scrollsmoothly.js 読み込み例 <script type="text/javascript" src="scrollsmoothly.js"></script> 特徴 縦横斜めにスクロール可能 スクロール中にもリンクをクリック可能 別のページからのリンクでも指定の場所までスムーズスクロールします MIT License 動作確認ブラウザ IE6, IE7 Firefox 2,3 Opera 9.27 Safari 3.1 関連エントリ
マウスホイールでスクロール（AS3.0） - memo.at sonic
これは結構使えるので忘れないようにメモ。 やり方はswfobject（使ってるのはver1.5だけどもう2.0なのね、、）でswfを配置して、mousewheel.jsというjavascriptからswf側でマウスホイールの数値を受け取るという感じ。 swf側でjavascriptを受け取るにはExternalInterfaceをインポートしておく。 で、↓こんな感じの関数を用意すれば値を受け取れる。 private function onMouseWheel(delta:Number):void { wheelScroll(delta); } あとは、スクロールさせたいMCなりとスクロールバーを用意して それぞれに変数を受け取ったときの関数を用意すれば完了。 今回、swfを縦横100%で配置して、ウィンドウサイズが変わっても 常にMCは中央、スクロールバーは右側に配置という関数も加え
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
