どうもこんにちは!今日のtipは【無限スクロールの実施方法】です。基本構成はシンプルです。現在のスクロール位置がコンテンツの高さを超えた時、最上部へ自動的に移動するだけです。最近よく見かけるようになったスタイルです。 コード HTML <div id="scrollArea"> <!– ここにコンテンツを記述します。 –> </div> jQuery <script type="text/javascript"> $(function(){ $(window).scrollTop(0,0); var windowH = $(‘#scrollArea’).innerHeight(); $(window).scroll(function(){ var bodyH = $(window).height(); var scroll = Math.floor($(this).scrollTop())
ある程度スクロールすると、途中から位置が固定になるコンテンツを見かけたことはありませんか? 今回はjQueryを使ってそれを作ります。 デモ1 デモ2 途中から位置が固定されるナビゲーションのデモ 1 & 2 ダウンロード 今回使うHTMLはこんな感じです。 <div id="header"> <h1>タイトル</h1> </div> <div id="container"> <div id="main">左カラム(メインコンテンツ)</div> <div id="sidebar"><!-- サイドバー --> <div id="nav">ここを固定する</div> </div> </div>#mainと#sidebarはfloat: leftしています。 これの#navが表示エリア上部から20pxの位置まで来たら位置を固定したいと思います。 position: fixedを使って固定する
3月19日(月)に要求開発アライアンスのセッション『Object-Functional Analysis and Design: 次世代モデリングパラダイムへの道標』を行いました。その事前準備、まとめ、回顧の記事が一段落したのでリンクをまとめました。 今回のセッションはちょうど、クラウド・コンピューティングや関数型言語への理解が進んで、開発方法論やアプリケーション・アーキテクチャについて腰を落として考えるちょうどよいタイミングだったので、時間を取って色々な要素技術について改めて考えてみました。 今回50分のセッションで、それらの要素をすべて盛り込むことはできないので、事前資料や回顧の記事を書くことで、スライドを書きながら考えていたことを成果物としてまとめてみました。実際に、文章にまとめてみると自分的にも色々な発見もありますし、フィードバックから新たな情報も得られるので、非常に有益だったと思
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く