Wink toolkit Scroller 7つの改造まとめ
最近Android、iOS両対応のスマフォ用JS開発をしていて、ページの部分縦スクロールにWink toolkitというライブラリを使用しました。 そこで、付属のスクローラー（wink.ui.layout.Scroller）の不具合解消やチューニングについてまとめます。 スクロールバーの長さと移動範囲の改善 上記デモサイトでは一見普通の動きをしていますが、スクロールする内容物の高さをある程度まで短くすると、スクロールバーの表示がおかしくなります。 試しにサンプルデモ（text_scroller.html）の下記部分でリストの要素数を半分の70程度にしてみると違いがわかると思います。 test_scroller.html:66 var scrollerHelper = { nbItem: 140, // ここを70にしてみる items: [], scrolling: false, slid
WINKサンプル
WINK TOOLKITサンプル かちびと.netへ戻る 記事へ戻る ユーザーインターフェース ** レイアウト ** アコーディオン ページめくり ページめくり + 前後を記憶 ページめくり + スクロール モーダルウィンドウ モーダルウィンドウとスクロール スクローラー カラーサンプル スクローラー (vertical) スクローラー (horizontal) スクローラー (both directions) スライドパネル スライドパネル (cover) スライドパネル (reveal) スライドパネル + 前後を記憶 タブ タブ (no arrows) タブ + 前後を記憶 ** フォーム ** 検索窓 インプット ボタン ラジオ チェックボックス リスト ** Xy ** カルーセル カラーピッカー データピッカー メニュー ニュースティッカー ポップアップ プログレスバー
ブロック内をiPhone画面内みたいにスクロールできるjQueryプラグイン「Red Plugin」:phpspot開発日誌
ブロック内をiPhone画面内みたいにスクロールできるjQueryプラグイン「Red Plugin」 2011年09月02日- Red Plugin ブロック内をiPhone画面内みたいにスクロールできるjQueryプラグイン「Red Plugin」 ブロック要素にスクロール機能とスクロールバーをいれてiPhoneの画面内みたいにできます。 スクロールバーがあって現在位置が分かるため、使いやすいそうです。 $("#applemenu").redmenuslider(); みたいにすれば簡単に<div>のリストを上記のようなスクロール付きのウィジェットにできます。 幅・高さやマウスホイールのスピードをオプションで渡せます。 関連エントリ パスワード用フィールドを便利にするjQueryプラグイン「showPasswordField」 ページの要素を3D化できる面白jQueryプラグイン「3Di
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
