[B! スクロール] quuuteeeのブックマーク

quuuteee id:quuuteee

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

WEBブログ | スマートフォン表示で、画面に表示しきれないtableを横スクロールさせる方法 | RunLand(ランランド)株式会社
tableタグを、横スクロール用のdivタグで囲み、スクロールさせる方法です。横スクロール用に指定したdiv（class=”table-scroll”）タグへ、スクロールの装飾を加えます。 ① tableをスクロールさせるために、.table-scrollへ「overflow: auto;」を追加します。 ② 「white-space: nowrap;」で、table内のセルのテキスト折り返しを禁止します。 ③ .table-scrollへ疑似要素を利用し、スクロールバーの装飾をします。 ::-webkit-scrollbar スクロールバー全体の指定 ::-webkit-scrollbar-track スクロールバーの両端にある矢印以外を指定 ::-webkit-scrollbar-thumb スクロールボックス（スクロールバーの動く部分）を指定
quuuteee 2021/07/07
スクロール

*javascript
リンク
[JS]YouTubeの動画をページ全体の背景に配置し、レスポンシブ対応の今時のテクニックを使ったチュートリアル
動画をページいっぱいの背景として使用するのは、ここ数年人気の高いテクニック。その方法はいくつかありますが、今回はレスポンシブ対応、動画の上にコンテンツを配置しスクロールでカーテンのように引き上げるページを実装するチュートリアルを紹介します。 HTML5のvideo要素で自サーバーの動画を配置するのではなく、YouTubeの動画を使うので、サーバーのレスポンスを気にする必要もありません。デモページ：下までスクロール実装使用するリソースチュートリアルにあたり、下記のリソースを使用しています。 jQuery jquery.mb.YTPlayer YouTubeの動画を背景として表示するjQueryのプラグインフォント：Google Fonts (Raleway, Lato) アイコン：Font Awesome 背景に使う動画の注意点背景に使う動画は、下記の点に注意してください。動
quuuteee 2017/07/19
コンテンツ

web制作

スクロール
リンク
どこまでスクロール(閲覧)されているかをGoogleアナリテクスで分かる「Scroll Depth」を試してみた｜Resound Log
この記事は約 4 分で読めます。 Webサイトの長いページやブログの長い記事を書くと、どこまでスクロールして読んでもらえているのか気になります。 Googleアナリテクスの滞在時間を目安にしたり、「UserHeat」を利用するテもありますが、今回jQueryプラグインを使うことでGoogleアナリテクスの画面でスクロール量を見ることができる「Scroll Depth」が面白そうだったので、試してみました。 ※WordPressのプラグインがあることが分かりました！この記事の最後にリンクします。「jQuery Scroll Depth」の簡単な説明「Scroll Depth」を導入すると、以下のことがGoogleアナリテクスで計測できるようになります。ページ到達状況(%やpx単位でわかる。設定をすれば細かな単位で把握できるようになる) ページの到達時間 Googleアナリテクスのレポー
quuuteee 2017/03/17
スクロール

トラッキング

jQuery
リンク
1