タグ

スクロールに関するkutakutatriangleのブックマーク (3)

  • ワンタップでウェブサイト全体をキャプチャ出来る無料アプリ「SiteCapture」

    SiteCaptureはワンタップで表示させているウェブサイト全体をキャプチャしてくれるiOSアプリです。 内蔵ブラウザでURLを打ち込むかGoogleで検索してページを表示させCaptureボタンをタップするだけでそのページがカメラロールに保存されます。 以下、保存してみた画像。 サイズはブログ用に縮小加工をしておりますがオリジナルはもう少し大きいです。 沢山スクロールさせてゴメンナサイ。。。そして最後までスクロールしてくれた皆、ありがとう!!! 僕のブログのようにスクロールしていくと自動で次の記事を読み込むタイプのサイトは難ありな感じです。 これはしょうがないかなとは思いますが。。 その点を踏まえつつもお手軽にスクリーンキャプチャが撮れるアプリとしてはかなり使いやすいと思いましたので紹介してみました。 無料ですのでお試しあれ。 SiteCapture 1.1.0(無料) カテゴリ:仕事

  • jsで「最後までスクロールされた」というEventをキャッチする - Qiita

    今までどういうふうに実装されているのか知らなかったので、 jquery_bottomを読み解いて理解したのでメモ。 jquery_bottomはこちら。 https://github.com/jimyi/jquery_bottom 必要な情報 要素の表示領域 要素のスクロール分を含めた高さ 要素のスクロール位置 この情報がわかれば、下記の情報を導き出せる。 「要素の表示領域」+「要素のスクロール位置」=「現在の表示位置の高さ」 「現在の表示位置の高さ」さえわかれば、後はその値が「要素のスクロール分を含めた高さ」にどれだけ近づいているかで、スクロール位置を判断することができる。 実装してみる // スクロールさせる要素を取得 var elm = document.getElementById('scrollElement'); // 要素の表示領域を取得 var height = elm.o

    jsで「最後までスクロールされた」というEventをキャッチする - Qiita
  • jQueryを使った一定以上スクロールすると上に固定される横メニュー

    最近、上部に固定された横メニューをよく見かけます。最初から一番上にあるものだと最初から「position:fixed」で問題ないと思いますが、最初は一番上にはなく、メニューがページの最上部までスクロールされた時点で固定されるものだとちょっと工夫が必要です。 今回はそんな横メニューをできるだけ親切に解説してみます。 今回のメインはjQueryで固定するところなのですが、一応今回のサンプルで使用したHTMLCSSも解説します。 HTML よくあるタイプの普通のリストメニューです。 <div id="menu-wrap"> <ul id="menu"> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <li><a href="#">メニュー</a></li> <l

    jQueryを使った一定以上スクロールすると上に固定される横メニュー
  • 1