タグ スクロールバー
人気順 5 users 10 users 100 users 500 users 1000 users重要情報はスクロールしないと見えないが、スクロールバーがない EC事業者に業務停止命令
2023/06/29
185 users
サプリメント
業務停止命令
ECサイト
東京都目黒区
業務停止
消費者庁が通信販売事業者LITに業務停止を命じた。同社のECサイトではスクロールしなければ見えない位置に重要情報を小さく記載していたが、ページにはスクロールバーを表示していなかった。 消費者庁は6月28日、ヘアケア商品やサプリメントを販売する通信販売事業者LIT（東京都目黒区）に業務停止を命じたと発表した。... 続きを読む
HTML制作で気をつけたいスクロールバーの挙動 - ガタつきをCSSのscrollbar-gutterで防ぐ方法など - ICS MEDIA
2023/02/14
113 users
挙動
CSS
ICS MEDIA
HTML制作
見た目
HTML制作で気をつけたい スクロールバーの挙動 - ガタつきをCSSのscrollbar-gutterで防ぐ方法など - ブラウザのスクロールバーは、OSの種類によって挙動や見た目がさまざまです。環境によって挙動が違うため、自分の環境では問題なくても、ユーザーの環境から見ると問題が起きていることがあります。次のような問題を経... 続きを読む
CSSでスクロールバーの有無によるがたつきをなくす: Days on the Moon
2022/12/09
63 users
パディング
CSS
有無
ボーダー
前面
この記事はCSS Advent Calendar 2022の9日目の分です。 CSSのボックスモデルにおいては、ボーダーの内辺とパディングの外辺の間にスクロールバーが配置されます。最近はどのOSでもオーバーレイスクロールバー（スクロールバーが内容の前面に覆いかぶさるようなもの）が主流となり、スクロールバーが存在してもしなくても... 続きを読む
消えゆくスクロールバー｜3inowayosuke｜note
最近スクロールバーを見かけなくなった気がします。ざっと調べてみると、スクロールバーはすでに消え始めており、今のスタンダードはスクロールインジケーターになってる様です。そうかと思えば、そのスクロールインジケーターすら消え始めている状況です。 ▼１．消えゆくスクロールインジケーター1.1 フェイスブックiO... 続きを読む
[CSS]知っておくと便利！スマホで要素を高さいっぱいに表示したいのに、期待通りに表示されない時の解決方法 | コリス
2018/08/08
255 users
コリス
ビューポート
CSS
ナビゲーション
要素
ビューポートを使った単位（vw, vhなど）は、特にスマホの各ブラウザにおいて複雑です。例えば、vwのスクロールバーを考慮する必要がありますか？ サイトのナビゲーションやページコントロールはどうでしょうか？ それらは計算に含まれますか？ スマホで要素をビューポートの高さいっぱいに表示したいのに、期待通りに表... 続きを読む
[JS]縦長ページに実用性とデザイン性を兼ね備えたスクロールメニューを設置するスクリプト -ScrollMenu | コリス
2015/05/29
77 users
コリス
stylesheet
スクリプト
縦長ページ
head
デフォルトのスクロールバーも表示 ブラウザのデフォルトのスクロールバーを併用することも可能です。 ScrollMenuの使い方 Step 1: 外部ファイル 当スタイルシート・スクリプト、jquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" type="text/css" href="scrollmenu.css"> </head>... 続きを読む
子ページから親ページ（別ドメイン）の iFrame の大きさを操作する | バシャログ。
2014/07/10
58 users
iframe
Tips
バシャログ
想定
台風
近いうちに大型の台風が来ると聞いてソワソワしている kimoto です。ここ数年で最強とか言われると身構えちゃいますよね…。 さて、今回は tips です。 別ドメインのページを iFrame 内に表示した際に、想定よりページの縦幅が大きくて、iFrame にスクロールバーが出てしまう…。 最初の表示時に大きさ合わせたけど、iFrame 内でページ遷移すると中のページの大きさが変わっちゃうので下に... 続きを読む
Firefox が新ロゴを採用、23ベータはSocial API や OS X 対応強化 - Engadget Japanese
2013/06/28
60 users
Firefox
Engadget Japanese
バウ
Firefox が新ロゴを採用、23ベータはSocial API や OS X 対応強化 By Ittousai posted 2013年06月28日 19時10分 0 Firefox 22 正式版のリリースにともない、Mozilla が Firefox 23 ベータの提供を開始しました。 主な更新点は、Mac OS X 10.7 Lion 以降の消えるスクロールバーや、端までいくと跳ね返る「バウ... 続きを読む
Unicodeの全文字セットと便利ツールが揃った -Unicode character table | コリス
2013/06/10
61 users
コリス
unicode
無限スクロール
記号
便利ツール
Unicodeの全文字セットを見やすくまとめたUnicode character tableを紹介します。 見たことのない文字や記号を眺めているだけで、ちょっと楽しいです。 Unicode character table 上記キャプチャだと2スクロール分のスクロールバーしか表示されていませんが、テーブルは無限スクロールとなっており、スクロールするとどんどん表示されます。 続きを読む
[CSS]ページが長くても、ページ全体を角丸のボーダーで囲むスタイルシートのテクニック | コリス
2013/04/09
101 users
コリス
CSS
Step
ボーダー
テクニック
ページ全体を角丸のボーダーで囲み、そのページがスクロールするくらい長くても全体を囲むスタイルシートのテクニックを紹介します。 Body Border, Rounded Inside Step 1: ページ全体を角丸で囲む（スクロール非対応） Step 2: ページ全体を角丸で囲む（スクロール対応） Step 3: ページ全体を角丸で囲む（スクロールバーを変更） Step 1: ページ全体を角丸で囲... 続きを読む
[JS]ページのデザインに影響を与えないパーフェクトなスクロールバーの超軽量スクリプト -Perfect Scrollbar | コリス
2013/01/29
306 users
jQuery
GitHub
コリス
超軽量スクリプト
超軽量
大きいコンテンツをクリップして配置する際に添えるスクロールバーを実装する3KBと超軽量のjQueryのプラグインを紹介します。 Perfect Scrollbar Perfect Scrollbar -GitHub 何をもってパーフェクトなのか Perfect Scrollbarのデモ Perfect Scrollbarの使い方 何をもってパーフェクトなのか このスクロールバーにパーフェクトとつけ... 続きを読む
[JS]テキストでも画像でもリストでもテーブルでも、長いコンテンツにスクロールバーを加えるスクリプト -Scrolite | コリス
2012/04/18
110 users
lib
script
コリス
jquery.min.js
画像
デモページ：p要素 Scroliteの使い方 外部ファイル スクリプトとスクロールバー用のスタイルシートを外部ファイルとして記述します。 <script src="lib/jquery.min.js" type="text/javascript"></script> <script src="lib/jquery.scrolite.min.js" type="text/javascript"></... 続きを読む
スクロールバーのデザインを変更できる軽量でクロスブラウザ対応のjQueryプラグイン・Tiny Scrollbar - かちびと. net
2011/11/12
157 users
クロスブラウザ
クロスブラウザ対応
CSS
軽量
題名
題名の通りスクロールバーを変える jQueryプラグインです。全然使う 機会が無かったんですが、以前から 触ってみたいと思っていたところ、 ちょうど良さそうなプラグインを 見かけたので試してみました。 デザインそのものはcssでカラーリングしたり、画像に置換したり、と自由も利いて、クロスブラウザにも対応、3KB以下と軽量です。 Tiny Scrollbar こんな感じでデザインを変えられます。せっ... 続きを読む
[JS]設置も超簡単、あなたのウェブページのスクロールを慣性スクロールにするスクリプト -NiceScroll | コリス
2011/11/08
136 users
コリス
スクロー
ウェブページ
スクロール
ズーム
live demo: IFrame iframeを使ったデモです。 div要素と同様にスクロールバーのカスタマイズ、コンテンツのズームが可能です。 NiceScrollの特徴 既存のコードの修正無しで、簡単に設置ができます。 ページのスペースを必要としないスクロールバーを設置できます。 スクロールバーのデザインを変更できます。 すべてのブラウザでマウス・キーボードでスクロールができます。 スクロー... 続きを読む
流行のjQueryでスクロールするサイトを集めてみました | Webロケッツマガジン
2011/11/02
116 users
jQuery
Webロケッツマガジン
流行
ブラウザ
タイプ
jQueryでコンテンツをスクロールさせる海外サイトを最近見るのですが、あれはかっこいいですね。そこで、今回の記事では、jQueryでコンテンツをスクロールさせているサイトをいくつか紹介しつつ、このタイプのサイトに特有の問題についても触れてみたいと思います。 はじめに コンテンツをスクロールバーではなく、JavaScriptでスクロールさせる場合、ブラウザのスクロールバーが出ないため、「ブラウザか... 続きを読む
クールなスクロールバーを実装するためのjQueryプラグイン集:phpspot開発日誌
2011/10/20
57 users
phpspot開発日誌
jQueryプラグイン集
関連エン
15 Best jQuery Scrollbar Plugins クールなスクロールバーを実装するためのjQueryプラグイン集 スクロールバーというとOSによってデザインが違ってきちゃいますが、こうしたプラグインでどのOSでもUIを共通化できるというのはいいですね。 通常のスクロールバーに機能を追加したものもあり、最適なUIを作りたい場合には参考にするとよさそう これは素晴らしいですね 関連エン... 続きを読む
Facebookページの作成 第2回『Facebookページのスクロールバーを非表示にする方法』 / Facebook基礎 | HTML5でサイトをつくろう
2011/08/10
56 users
Facebook基礎
iframe
Category
前回
Facebookページの作成 第2回『Facebookページのスクロールバーを非表示にする方法』 / Facebook基礎 Category : Facebook基礎 | 2011年08月10日 Facebookページのスクロールバー非表示 前回は『iframe』に対応したページの制作方法を紹介しましたが、制作したページのコンテンツサイズが幅520px、縦800pxを超えてしまった場合はスクロール... 続きを読む
Facebookページの作成 第1回『iframe対応ページ追加』 / Facebook基礎 | HTML5でサイトをつくろう
2011/08/09
122 users
Facebook基礎
Facebookページ
作成
手順
方法
Facebookページ制作 今回から3回に分けて、当ブログのFacebookページを制作した手順をご紹介したいと思います。 第1回目は『iframe』に対応したページの制作方法を紹介します。 第2回目はFacebookページからスクロールバーを非表示にする方法を紹介します。 第3回目は『Static HTML Iframe Tab 』アプリを紹介します。 尚、今回の『iframe』に対応したページ... 続きを読む
商用利用も無料、洗練されたデザインのウェブ用UIエレメントのPSD素材 -Design Kindle | コリス
2011/07/31
412 users
コリス
ウェブデザイン
スライダー
PSD素材
UIエレメント
ボタン、スライダー、スクロールバー、フォームの各エレメントなど、ウェブデザインに使用するUIエレメントのPSD素材をDesign Kindleから紹介します。 Sleek UI Elements Blaubarry UI [...] 続きを読む
[JS]省スペースに大量のコンテンツをスクロール表示するスクリプト -News Scroller | コリス
2011/07/20
62 users
コリス
jQuery
上の空
スクロール
スクリプト
少ないスペースでも、大量のコンテンツをアニメーションの自動スクロールで表示するjQueryのプラグインを紹介します。 開始時（図：左）は最初のコンテンツの上の空のスペースをセットし、終了時（図：右）には最後のコンテンツの下にも同様に空のスペースをセットし、ループするようにします。 また、このボックスにはデフォルトのスクロールバーを表示しないようにします。 HTML スクロールで表示するコンテンツは... 続きを読む
OS X Lionぽいスクロールバーを実装できてiOSにも対応した Skroll.js :: 5509
2011/07/12
95 users
iOS
前略
収集
OS X Lion
PCベース
前略そんなわけでスクロールバー作りました。 一応目指していたところは、PCベースのサイトを作ったときにiOSで見てもスクロールバー実装したとこいい感じになるよ！っていうのです。 PCでLionぽいスクロールバー作りたいなと思って会社の合宿中に始めたのですけど、なんかいつの間にかiOSにも対応することになってて、動きにこだわり始めたら収集つかなくなってめちゃめちゃ時間かかりました・・・ 対象バージョ... 続きを読む
スクロール位置に応じて注釈表示が可能なｊQueryプラグイン「SmartScroll」:phpspot開発日誌
2011/06/06
86 users
注釈
jQueryプラグイン
phpspot開発日誌
位置
SmartScroll スクロール位置に応じて注釈表示が可能なｊQueryプラグイン「SmartScroll」 スクロールバーが長いとどの位置に何があるかっていうのを知りたくなりますが、SmartScrollを使えば次のように、この位置にこんなことが書いてあるよ、を示すことが可能。 使い方次第では長ったらしい文章も分類して分かりやすく表示することができそうですね。 注釈だけじゃなくてデザインも色々... 続きを読む
ウェブ用の各エレメントが揃った、かわいらしいデザインのPSD素材 -Soft UI Kit | コリス
2011/05/30
127 users
コリス
Fre
Kit
プルダウン
ウェブデザイン
検索ボックス、ボタン、アラートパネル、プルダウン、スクロールバーなど、ウェブデザインで使用するさまざまなエレメントをかわいらしいデザインでまとめたモックアップ用のPSD素材を紹介します。 Soft UI Kit: Fre [...] 続きを読む
iFrameを使ったFacebookページを作る際に気をつけたいこと | バシャログ。
2011/05/19
70 users
INFOBAR
minami
Facebook
食指
キュン
AUのスマートフォンラインナップが発表されましたね。 今まで食指が動かなかったけどやっぱりINFOBARにキュンときたminamiです。 さて、今回も前回に引き続きfacebookの話です。 iframeで自由にページを作ることができるようになったとはいえ、 実際に制作する際には気をつけなければいけないポイントがいくつかあります。 今回はそのあたりを挙げてみました。 スクロールバーを出さないように... 続きを読む
独自デザインのスクロールバーにする際に使えるjQueryプラグイン「jScrollbar」:phpspot開発日誌
2011/04/13
314 users
MyjQueryPlugins
jQueryプラグイン
jScrollbar : make your own scrollbar for scrolling contents with jQuery UI - MyjQueryPlugins 独自デザインのスクロールバーにする際に使えるjQueryプラグイン「jScrollbar」 綺麗にデザインされたバーもブラウザ依存のスクロールバーで台無しになってしまったり、OSによってデザインに違いが出てしまった... 続きを読む