タグ

scrollに関するruedapのブックマーク (12)

  • jQuery 1.9 で $.browser が使えなくなってしまった対策 | CYOKODOG

    jQuery 1.9 になってとうとう $.browser が使えなくなってしまいましたね。 もともと非推奨ということもあり、個人的にはプラグインを実装する時などは極力使用しないようにしてましたが、実際使えなくなってしまうと、動かなくなってしまうプラグインって結構多いんじゃないかなぁって気がします。 スムーススクロールが動かない プラグインではありませんが、最近ではいろんなサイトで見かけるようになったスムーススクロールの実装で、影響受けてるというエントリを見かけました。 IE系だとウィンドウのスクロールを制御するとき「html」を指定する。 GoogleChrome や Safari などのWEBKIT系は「body」指定しないといけない。 そこで、「$.browser.safari」をつかって、どっちを指定するかを切り替えていた。 ところがどっこい、jQuery1.3以降だと「$.bro

  • jQueryで画面をスクロールさせる時の注意点

    jQueryで画面をスクロールさせる時の注意点 jQueryを使って画面をスクロールさせる場合animateメソッドとscrollToプロパティを組み合わせるのが一般的です。 selector.animate({ scrollTop: 0 }); // ページの一番上にスクロール この時どのセレクタに対して実行すべきかはブラウザごとに異なります。詳しくはjQueryでscrollToを使うときの注意点 - NoteBookにまとまっていてありがたいです。簡単に言うとWebKitではbodyに効き、それ以外のブラウザではhtmlに効きます。 $('html').animate({ scrollTop: 0 }); // WebKit以外 $('body').animate({ scrollTop: 0 }); // WebKit これに対して var selector = $('html,

  • なぜEtsyでは無限スクロールは失敗したのか

    「ユーザーがページに滞在してコンテンツに関わる時間が長くなる」といわれる無限スクロールを採用したものの、うまくいかなかったというEtsyでの事例から、その教訓を読み解きます。 U-Site編集部 2013年1月25日 HCD新人部員のTです。 1年以上前の記事ですが、「Pinterestによってもたらされた、6つの重要なWebデザインとユーザビリティにおけるトレンド」という下記の記事を読んでいました。 該当記事:6 Important Web Design and Usability Trends Sparked By Pinterest – The Daily Egg ここで挙げられている項目の3つ目のトレンド、”Deliver Content in Flow”を見てみますと、「無限スクロールによって、ユーザーがページに滞在してコンテンツに関わる時間が長くなる」と書かれています。 Bec

    なぜEtsyでは無限スクロールは失敗したのか
  • textarea のリサイズ機能を止めてみる

    Firefoxや、Google Chrome、Safari辺りでいつの間にやら実装された、textarea のリサイズ機能はとても便利で良いなーとは思ってますが、止めたい時も有りますよね。 なので、止める方法を。 CSS3にそれっぽいプロパティが有るので、1行書くだけです。 textarea { resize: none; } こんな感じですね。 これは、ユーザー側で要素のリサイズ機能を許可するかしないかってプロパティなので、別にtextareaに限らず、overflowプロパティの値がvisible以外の指定が有る場合に使っていける感じです。 これだけだと、寂しいのでエントリーっぽくするために。 textarea以外に使うとしたら、トップページの新着情報みたいなので時々見る、高さ固定して overflow: auto; とかでスクロールバー出してる場合とかに使っていけばユーザー側でリサイ

    textarea のリサイズ機能を止めてみる
  • Retina+Mountain Lionのスクロール - ザリガニが見ていた...。

    以前、さんざん悩んだあげく一旦キャンセルして、その後また発注したMacBook Pro Retinaモデルが先日届いた。 http://d.hatena.ne.jp/zariganitosh/20120621/macbook_pro_retina http://d.hatena.ne.jp/zariganitosh/20120622/macbook_selection 届いたモデルは... CPU 2.6GHz メモリ16GB SSD 512GB USキーボード さっそく箱から出して起動すると、OSX Lion(10.7.4)が起動した。そして、いちばんの懸念事項のスクロールを試してみると、以前店舗で試したときに感じた、引っ掛かりとコマ落ちを感じる残念なスクロール。(やはり、BTOでも変わらなかったか...。) 予想していたとはいえ、テンションは若干下がる。(淡い期待は抱いていた)でも、す

    Retina+Mountain Lionのスクロール - ザリガニが見ていた...。
  • Retinaよりも大切なもの - ザリガニが見ていた...。

    その後の関連日記あり Retina+Mountain Lionのスクロール - ザリガニが見ていた...。 Retinaのほんとうの力 - ザリガニが見ていた...。 Retinaなら3840x2400の超広大なデスクトップを体感できる! - ザリガニが見ていた...。 MacBookのRetinaディスプレイを縦2880pxにした壮観な眺め - ザリガニが見ていた...。 発注 WWDCの翌日、MacBook Pro Retinaモデルを発注してしまった。2880×1800の魅力にとり憑かれてしまったのだ。発注したモデルは... 2.6GHzクアッドコアIntel Core i7プロセッサ メモリ16GB フラッシュストレージ512GB 値段は今まで使っていたMacBook2台分以上だが、このスペックなら今後5年以上はそのまま使い続けられるのではないか、と考えての発注であった。 実際過去

    Retinaよりも大切なもの - ザリガニが見ていた...。
  • Scroll Reverser

    Download Scroll Reverser 1.9 (21 Jun 2024; release notes) Requires macOS 13.5 or above. Processors: Intel, Apple Silicon. To install, unzip and move the Scroll Reverser app to your Applications folder. Homebrew: brew install scroll-reverser See also: Older version downloads Scroll Reverser is a Mac app that reverses the direction of scrolling, with independent settings for trackpads and mice (incl

    Scroll Reverser
    ruedap
    ruedap 2011/09/25
    Macのスクロール方向を逆にするツール。Lionの予行練習にスノレパに入れてみる
  • Flex で使える汎用スクロールバーコンポーネント | _level0 - KAYAC Front Engineer Blog

    Flex でいろいろ使えるスクロールバー コンポーネント(RichScrollBar.swc)をつくりました。 スクロールさせたい target オブジェクトと mask となるオブジェクトを指定することでいろんなものをスクロールできます。 特徴 ・スクロールバーのデザインは、fla ファイルを編集することで可能。 ・fla ファイルのシンボルを Flex コンポーネントに変換できます。 ・mask の大きさにあわせてスクロールバーの位置や高さを自動でセットします。 ・Mac マウスホイール対応。(MacMouseWheel 使用) 【デモ】 【ダウンロード】 バグがあったので修正しました。2010/01/07 よりも前にダウンロードされた方はお手数ですが、再度ダウンロードをおねがいします。 Tweener と MacMouseWheel をそれぞれ別途ダウンロードしてください。 使い方

    Flex で使える汎用スクロールバーコンポーネント | _level0 - KAYAC Front Engineer Blog
  • alumican/JPPScrollbar - Spark project

    JPPScrollbar Just(ただ) Put(置けば) Play(動く) Scrollbar(スクロールバー) サンプルファイルのライブラリからステージに置けば動いてくれるActionScript3.0製のスクロールバーです。 個人的に作っていましたが、割と高機能になったので公開します。 主な機能 任意のSpriteやMovieClipをスクロールバーのパーツとしてバインド可能です 滑らかな減速スクロールを使用可能です コンテンツ量に合わせて縮むスクロールバーを使用可能です スライダーの高さを0ピクセルとして扱うことが可能です iPhoneのような、スクロールが行き過ぎて戻る演出が使用可能です エンドロールのような自動スクロールを実行可能です 外部からメソッド呼び出しでスクロールさせることが可能です スクロール量など、こと細かく決められます スライダーやスクロール対象コンテンツを整数

  • Sursly : Cultivez Votre Vie avec Passion et Connaissance

    Le top 10 des villes des États-Unis à découvrir 23 juillet 2024 Équilibre et Vitalité : Pilier de Votre Bien-être Cultivez une existence vibrante avec nos conseils sur la santé physique, mentale, et le bien-être spirituel. ‘Sursly’ vous guide vers une meilleure version de vous-même.

  • jQuery.scrollTo

    Ways to specify the target Click an option, to see it in action Relative selector jQuery object DOM Element Absolute number Absolute number(hash) Absolute px Absolute px(hash) Relative px Relative px(hash) Percent Percent(hash)

  • 銀行カードローンは消費者金融より審査甘いってホントですか

    今融資を考えているのですが、審査が通るのか不安があります。銀行カードローンは審査が甘くなってきていると最近、よく耳にするのですが消費者金融のカードローンよりも審査が甘いのでしょうか。 消費者金融のカードローンよりも銀行カードローンの審査が甘いということはないですが、甘くなっているのも事実です まず、銀行カードローンの審査が特別厳しいという情報は正しくありません。何か過去に悪質に滞納していたなどがなければ大丈夫です。しかし、銀行カードローンが通らなかった人で消費者金融で審査が通ったという人のほうが割合が多いのも事実です。稀に逆もあります。審査のハードルはほとんど変わらないところまできています。 なぜ銀行カードローンの審査と消費者金融のカードローンの審査のハードルが変わらないのでしょうか。それは近年、銀行と消費者金融会社との提携が増えているという背景があります。表向きは銀行がカードローンをやっ

  • 1