iPhone の Safari でアドレスバーを隠すときにやってはいけないこと - メモ用紙
スマートフォン向けサイトという言葉も下火となったが、良くないテクニックが蔓延しているのでこの記事を書いた。 そのテクニックとは次のようなもの。 window.addEventListener("load", function() { setTimeout(function() { scrollTo(0, 1); }, 100); }, false); ページが読み込まれたあとに縦方向にスクロールすることで、本来ユーザがスクロールして隠れるアドレスバーを強制的に隠すやり方。 Web 上を検索すると多数の記事が見つかる。 スマホサイト制作：URLバーをページ読込み完了時に引っ込める方法 iPhone向けWebページで、アドレスバーを隠す - サンフラットの開発日記 - くらげのChangeLog Android/iPhoneのURLバーを隠す - tweeeetyのぶろぐ的めも iPhoneサ
Infinite Scroll
Infinite Scroll is a JavaScript plugin that automatically adds the next page, saving users from a full page load. You’ve likely seen it in use all over the web. The original version of Infinite Scroll was first released by Paul Irish 2008. It was a break-through work of front-end development, granting web developers a cutting edge experience via a user-friendly yet powerful jQuery plugin. That lin
面白いだけで役に立たないUI - KAZUMiX memo
できたよー javascript:(function(d,s){s=d.createElement('script');s.type='text/javascript';s.src='http://www.rr.iij4u.or.jp/~kazumix/d/javascript/unusable.js?'+(new Date).getTime();s.charset='UTF-8';d.body.appendChild(s);})(document) 上記のコードをアドレスバーに貼り付けて実行すると、そのページが上下左右繋がった空間になり、スクロールバーで扱えなくなります。代わりにマウスカーソルでグリグリ動かせます。 ソース unusable.js 関連エントリー（ネタスクリプト） ものすごい勢いで横スクロールさせるJavaScript - KAZUMiX memo HTMLの暴走 (me
Scroll your HTML with jquery.scrollable.js
05/22/2008 - Tero Piirainen, download version 0.11 Features I want to take a bunch of HTML nodes and do following things with them make those items scrollable horizotally or vertically decide how many items are visible at once scroll elements with mouse, arrow keys and mousewheel (requires mousewheel.js) make navigational buttons without programming have programmatic actions: next, prev, nextPag
ultra blue:JavaScript : Autoscroll.js
つかいかた // マウスイベントの監視を Autoscroll.start(); // 開始 Autoscroll.stop(); // やめる 動作確認 Opera 9 Firefox 2 Safari 3 IE 6 / 7 デモ → sample_autoscroll.html shift キーを押しながらマウスポインタを動かすと開始！ 手を離せばそのままスクロールされ続ける。 1 ピクセルでも動かせば止まる。 （ shift 押しながら）対象の要素の、外側にいくほど速度アップ。 ソース → Autoscroll.js グリモン → autoscroll.user.js 上に挙げたうちの IE を除くブラウザで。 左下にマウスポインタを持っていくとオンとオフが切り替わるようになってる。 追記：色々なサイトで試してみたら… Safari や Opera では残念ながら、上のような「模範的
prototype.jsを利用したスムーズなページスクロール | ユージック
prototype.jsを利用したスムーズなページスクロール 更新日：2007年3月14日｜公開日：2007年3月14日 最新のPrototype version 1.5.1_rc1と最新のscript.aculo.usのeffects.jsをを使った超簡単でしかも高機能なページスクロールを実現できる記事を見つけたのでご紹介します。 auto-scrolling page navigation 以下のコードをauto-scroll.jsとして保存します。 Event.observe(window, 'load', function() { $$('a[href^=#]:not([href=#])').each(function(element) { element.observe('click', function(event) { new Effect.ScrollTo(this.has
ページサイズやスクロール位置を取得する - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 現在位置を取得するときのの基準となる、ウィンドウ・サイズ、ドキュメント・サイズ、スクロール量を取得するJavascript。ブラウザ互換とかで割りと苦労しました。 スクロール量（横）: スクロール量（縦）: ウィンドウ・サイズ（横）: ウィンドウ・サイズ（縦）: ウィンドウの中央位置（横）: ウィンドウの中央位置（縦）: ドキュメント・サイズ（横）: ドキュメント・サイズ（縦）: 以下にソースを出します。 スクロール量を取得 function getScrollPosition() { var obj = new Object(); obj.x = document.
Enjoy×Study - ブラウザのスクロールバーで隠れている領域を含むサイズを取得する方法。
昨日のエントリに引き続き、今度はスクロールバーで隠れている領域を含むサイズを取得するためのプロパティをまとめてみました。 Enjoy×Study - ブラウザの表示領域のサイズを取得する方法。 調査したのは、下記のプロパティです。 window.innerWidth window.innerHeight document.body.scrollWidth document.body.scrollHeight document.body.offsetWidth document.body.offsetHeight document.body.clientWidth document.body.clientHeight document.documentElement.scrollWidth document.documentElement.scrollHeight document.docu
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
stroll.js - CSS3 Scroll Effects