No.1ベストアンサー
- 回答日時:
可能でしょう。
高さ方向のスクロールと仮定して
1)対象の高さ、表示部分の高さなどを取得
2)対象を、overflow:hiddenに設定
3)スクロールが必要ならスクロールバーを表示
・高さの関係からバー内の表示部分のサイズ・位置を決定
・矢印マークやバーを表示
・バー等をクリックした場合の処理を作成しておく
縦横なら、それぞれに処理を行うことになるでしょう。
バーや矢印は画像を用意しておくか、キャラクターを利用して表示するか…
>jQueryを使用せずに、~~作成することは可能でしょうか?
jQueryはjavascriptなので、利用してできることは利用しなくても記述が可能です。
No.3
- 回答日時:
忘れてました。
色の変更程度なら、CSSのスクロールバー指定をサポートしているブラウザでスクロールバーの色が変えられます。
http://www.tagindex.com/stylesheet/page/scrollba …
No.2
- 回答日時:
スライドバーを作成して、そのスライドバーの位置(値)に合わせてスクロールさせたい要素のscrollTopやscrollLeftを変更すれば良いです。
http://gihyo.jp/dev/serial/01/crossbrowser-javas …
スクロールさせたい要素はブラウザ標準のスクロールバーを表示させないように、overflow: hiddenを指定してください。
実装そのものは比較的簡単なのにスライドバー(独自のスクロールバー)が使われない理由は、
(スクロールバーをデザインする手間という理由もあるかもしれませんが、本文のアニメーションに比べれば"おまけ"にもなりませんし)
スライドバーの変更は特に色覚異常者にとってスクロールバーが見えなくなるというアクセシビリティー違反になるためですが、
最近ではマウスのスクロールホイールが標準でありますし、そこまで気にする必要はないかもしれません。
WebkitやGeckoのように普段スクロールバーが表示されていないブラウザも多いですし。
なお、色覚異常の人口比率は、欧米(目の色が青)では20%前後、日本(目の色が黒)では男性5%女性2%という報告があります。
(つまり一般的にシェアが少なくて対応を切り捨てられるブラウザの利用率よりも多いです。)
また、スクロールバーが標準でない場合、それがスクロールバーと認識されない可能性も比較的高いようです。
(背景画像、デザインや、何かのボタンと見なしてクリックするけど、何も反応がないのでそれ以上何もしない。ユーザビリティーの低下、無意味なデザイン。)
もしアクセシビリティーを気にされるなら、色の使い方に気をつけてください。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript HTMLでJavaScriptを使用してプログラムを作ります。 入力されたパスワードを取得して、パス 2 2022/10/18 01:05
- JavaScript [Java] Edgeでのアドレスバー非表示について 3 2022/04/20 17:51
- その他(データベース) Accessフォームからパラメーターで表示したレコードを指定のExcelのセルへ転送する方法について 2 2022/08/22 18:04
- Visual Basic(VBA) Excel VBA 同じ名前のフォルダがあれば作成したブックを格納するマクロをつくりたい 2 2023/01/16 16:19
- Excel(エクセル) excel 別のフォルダから列コピーする方法 8 2022/12/17 16:24
- Visual Basic(VBA) 【ExcelVBA】動的にボタン、ボタン名を生成できますか? 7 2022/04/08 12:54
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- Excel(エクセル) Excel VBAについてです。 少しだけ知識はあるのですが、 うまくいかなかったので 質問させてい 3 2022/09/13 18:40
- MySQL PHPとMySQLを使った掲示板の作り方 1 2022/06/02 13:00
- Visual Basic(VBA) excel vba でユーザーフォーム入力ができない 2 2022/12/12 14:42
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像のようにとあるサイトの横...
-
Excelでワードアートや図を常に...
-
PDFを(htmlのように)無限に縦...
-
リストビューをスクロールさせ...
-
大きい表へのスクロールバーの...
-
エクセルVBAでフォームのListbo...
-
Webサイト内でスクロールする小...
-
ページ読み込み時に自動でスク...
-
子要素のスクロールが親要素に...
-
エクセルで行を固定しその下か...
-
ページ訪問時にiframe内を自動...
-
javascriptでの独自スクロール...
-
webページで横方向にアンカーを...
-
vb,netでtextboxの文字を右から...
-
ExcelVBAで他のアプリをスクロ...
-
html js 横軸の長いチャート
-
resizeするとスマホで何度もリ...
-
JQueryで画面中央にDIVを配置し...
-
Excelで1.2行目だけ固定して...
-
Excelで一部分だけを常に表示さ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
Excelでワードアートや図を常に...
-
エクセルVBAでフォームのListbo...
-
PDFを(htmlのように)無限に縦...
-
リストビューをスクロールさせ...
-
Excelで一部分だけを常に表示さ...
-
Excelで1.2行目だけ固定して...
-
Visual Basicから Spreadのスク...
-
大きい表へのスクロールバーの...
-
VBE画面の縦のスクロールバ...
-
vb,netでtextboxの文字を右から...
-
リストビューのスクロールバー...
-
リストビューの表示開始行変更
-
ページ訪問時にiframe内を自動...
-
IFRAMEでscrolling="yes|no"の...
-
文章の自動スクロール
-
ポストバック時のスクロール位...
-
C#:ListViewでのスクロールイベ...
-
常に画像の大きさを横幅100%で...
-
マウスオーバー→ホイール回転で...
-
webページで横方向にアンカーを...
おすすめ情報