スクロールバー

「Excel2つのシートを並べて表示」記事でご紹介した[新しいウィンドウを開く]機能は、1つまたは2つのシートを別々のウィンドウで並べて表示します。それと似ていますが、1つのシート分割して、その両方を見比べることができる機能が「分割」です。例えば、下図のような表データを例に試してみます。この表データのように縦に長いシートを、上部のデータを参照しながら下部のデータを閲覧・編集したいときなどに「分割」機能は役立ちます。[表示]-[ウィンドウ]-[分割]をクリックします。（下図）

今日は、作っているファイルに説明用のテキストボックスをつけようと思って、スクロールバー付きのテキストボックスを出したいと、色々試行錯誤。この画像は、目的達したテキストボックスが表示されている。２つあるのは、一つは、テキストがボックより文字数が少ない時の状態で、スクロールバーはついていないが、文字がオーバーすると自動的にスクロールバーが表示される表を示している。実際にここまで実現するのに、とにかく試行錯誤を繰り返したので、３時か何くらいかかっている。元々テキストボックスなんてのは

htmlに背景画像を設定は可能か普通はCSSで「background:」を使って背景画像を指定しますが、「body」以降の要素に背景画像を設定するのが「普通」です。なので、これは考えた事がなかったのですが、試すと可能でした。Googleで調べると、これは全く無問題でhtmlの規則でもOKとのこと。デザイン上で意図的に使われる作法でもある様です。で、アメーバスタッフブログをテスト環境とするので、背景画像をページ内のツイッターアイコン画像を使いました。下は基本となる「html要素」の

こんばんは！もりちゃんラーメンです。今回は、Web開発の「あるある問題」です。昨今、多くのWeb開発者たちは、AppleのMacを使用している様です。Appleが数年前に発売したM1チップ搭載Macをリリースした事で、スピードと堅牢性の高いシステムを求めるWebプログラマー達は、MacBookを始めとしたコンピューターを買い求めている様です。だが、macOSを利用したWeb開発をする上で施さなければならない設定があります。それは、同OS上で動作するブラウザの「スクロ

ホームページ内の一部の文章をスクロール表示させたいことがあります。特に、スマホ画面での表示を意識すると、表示画面の横幅が狭いので、長い文章やソースコードなどを表示するとき縦・横にスクロールできると便利です。HTMLのテキストをスクロール表示させるには、親要素に「overflow:scroll;」または「overflow:auto;」というCSSプロパティを指定し、divタグなどでテキストを囲みます。これにより、要素の高さや幅が指定され、コンテンツがはみ出た際にスクロールバーが表示され

ご訪問ありがとうございます我が家は、、普通の会社員40代の私ブラックで働く40代の主人7歳のゆー君の3人家族。2017年に、ゆー君の出産と住宅ローンスタートが重なり、慌ただしく家計状況が変わった我が家。楽しみながら、節約しています今回は、スクロールです。株主優待の案内です。主人と私の2名義で、2名義とも長期保有ですので2500ポイント×2名義、5000ポイントですショッピングサイトのポイント交換もしくは寄付が選べます。今回もきれいみつけ

何時からからか不確かです 私の場合は、日常的に閲覧するサイトのページを自分が使い易いデザインにアレンジする場合が多いので、正直なところデフォルトのデザインが判らなくなっている場合が多いのです。それはブラウザのスクロールバーも同じで、「scrollbar-width」がFirefox/Edge/Chromeで共通に使える様になって以降、スクロールバーのデフォルトのデザインが変更されても気付き難いのです。そんな中で、最近気になっているのが「Chrome」のデフォルトのスクロールバーのデザ

パソコンのマウスが壊れたもよう・・・(T_T)今年に入ってパソコンの画面が上下にガタガタ動くようになり、マウスから手を放しても動くので最初はパソコンの故障かと思って青ざめてしまいました。PC修理に出すなんてことになったら大ごとですからね。けど、試しにマウスを以前使ってた別のマウスに付け替えてみたら症状が収まって。そのまましばらく以前のマウスを使って様子を見ていましたが、2週間ぐらいたつけど異常は見られないので、どうやらマウスの故障だったのではないかと。故障したマウスは3年半ほど

ウィジェットを動的に生成していきます以下のコードでラベルを生成することができます。sample.pyimporttkinterastkclassApplication(tk.Tk):def__init__(self):super().__init__()widget=getattr(tk,"Label")(self,text="widget")widget.place(x=10,y=10)

フレームをスクロールする(classあり）以下のコードでスクロールできるウィンドウの表示ができる。sample.pyimporttkinterastkclassApplication(tk.Tk):def__init__(self):super().__init__()self.geometry("420x300+200+50")self.canvas_x=10self.ca

フレームをスクロールする以下のコードでスクロールできるウィンドウの表示ができる。sample.pyimporttkinterastkdefscroll_event(event):ifevent.delta>0:canvas.yview_scroll(-1,"units")elifevent.delta<0:canvas.yview_scroll(1,"units")root=tk.Tk

☆訪問ありがとうございます♪旨くスクロールバーは出るのか？どうだ～～～～(´ー｀*)ｳﾝｳﾝ出ましたね旨くいきましたなかなか賑やかな感じです♪幻想的な青の彼岸花・・・綺麗ですね地元ではまだヒガンバナは咲いていませんもう少ししたらお彼岸です残暑厳しい日々が続きますが体調には気を付けてご自愛くださいねｋｕｍａ☆☆

先の「Excelグラフの表示区間をスクロールバーで変更」記事でご紹介したものは、表データのうち一部を取り出すのに「OFFSET」関数を使った例でした。表の一部分を取り出すなら「FILTER」関数でもできそうなので試してみました。「FILTER」関数については「ExcelFILTER関数」記事をはじめ、幾度か触れてきておりますので、そちらもご参照ください。また、Microsoftのサポートページ「FILTER関数」も併せてご参照ください。さて、今回も上記記事とほぼ同じデータを使って変形

スクロールバーのデザイン指定の挙動が以前と違う 私が公開しているスタイルのひとつに、「YouTubeTheater」という簡単なスタイルがあります。YouTubeサイトの動画プレーヤーをアレンジするスタイルで、特にシアターモードでの閲覧には重宝しています。YouTubeTheaterbypersonwritepYouTube動画の環境改善（特にシアターモード）userstyles.world先日このスタイルを使っていて、スクロールバーのデザインで気になった部分がありコー

Firefoxは推奨ブラウザですが PCでFirefoxをメインに使い、毎日Firefoxで編集画面を開いておられるユーザーはどの程度おられるのでしょう。現在のアメーバの推奨環境には、Firefoxはちゃんと含まれています。しかし、先日Firefoxで編集画面を開くと、これまでに何度か経験した「編集枠の幅」が狭くなる問題が再燃していました。これは、「デザイン幅で表示」の機能が変調する症状です。もしこの様な状態になった場合は、下手に「Cookie削除」等で

ついにあと1ヶ月となりましたまた言ってらあと、お笑いくださいYouTubeやネット番組で展開がモタモタしてる時ホントに面白くなるのかな？なんて時下のスクロールバーを見てみますえ、こんなに長いのか？もう、すぐ終わりなんだ！とか。吾輩の会社人生のスクロールバーはほんの一瞬を残すのみくるりんと再び再生はできません落ち着けしのげ単なる通過点気にしすぎるなと、自分を抑えて参りましたがどうも(･_･;これから1ヶ月もそんなこんなですぎるかと思いまするなん

「スクロールバー」のアレンジ方法の変遷スクロールバーのアレンジは、少しずつ各ブラウザが仕様を変更しているので、その変更に合わせないと目的のページデザインから反れてしまう状態が続いています。今回、前ページの「コメント管理リスト」のツールをチェックしていて、リストのスクロールバーのデザインが以前と異なるので調べると、Chromeのスクロールバーアレンジが以前と異なる結果になっている事が判りました。もっと早くから気付くべきでしたが、見過ごしていた様です。変化した内容 Chrome

３月７日「古事記に親しむ会」１回目を追加開催します。（参加者様のお声は後ほど❤）古事記に親しむ会１回目、昼・夜クラスが終了しました。夜クラスにご参加いただいた方からも「楽しかった」との嬉しいお声をいただいたりすでに2回目をお申し込み下さってる方もいて嬉しくなってます。初開催って、不安なんですよね💦特に初回は、いわゆる「物語」部分ではなく大きすぎて人間の知覚ではとらえきれない神さま方なので伝わるかな・・・と。ってFacebookに投稿したら松原靖樹さ

前回「Excelグラフの表示区間をスクロールバーで変更」記事で、データ範囲の一部区間をグラフ表示し、その区間をスクロールバーを使って変更する方法をご紹介しました。グラフの表示区間を簡単に変更する方法のひとつだったわけですが、少々分かりづらかった「OFFSET」関数の使い方について補足しておきます。詳細はMicrosoftのサポートページ「OFFSET関数」をご参照いただくとして、簡単な例をまず示しておきます。A1～A10セルに1～10の数値が入力されており、C1セルに「=OFFSE

下図のような時系列データがあり、これを折れ線グラフで表示したものです。ここには1,300を超えるデータがあり、全体の傾向を俯瞰するにはこれでもよいのですが、ある区間に絞ってその変化を見たいときは、水平スクロールバーを用意してそれをスライドして見られるようにできると便利です。1つ思いつくのが「Excelピボットテーブルでタイムライン」記事でご紹介したピボットテーブルとして「タイムライン」機能を使えばできそうです。試しに、このデータについてピボットテーブルのタイムラインを使ってみたもの

Chromeの更新と 「overflow:overlay」今日、このブログのスクロールバーのデザインが失調しているのに気付きました。下がこれまでのスクロールバーのデザインで、スクロールバーのトラックが透明な点が、デザインで工夫をした所です。スクロールバーが表示全体を左へ押しつけるのを嫌い、このデザインにしたのですが、要になっていたのは 「overflow:overlay」のプロパティでした。このプロパティが無効になり、今朝は下の表示に変わっていました。トラッ

2023年6月Chrome114で、このページで扱う「overflow:overlay」のプロパティは実質的に無効化されました。このページのテスト用の要素のスクロールバーで「overflow:overlay」を設定したものは、通常の「overflow:auto」として機能し、説明文と実際が異なります。廃止の影響などに関しては、以下のページも参考にしてください。Chromeで「overflow:overlay」が無効になった/スクロールバーアレンジChromeの更新と 

〔注意〕2024年6月2024年現在のWindows11の環境では、このページのFirefoxのスクロールバーのアレンジコード（scrollbar-width等の指定）は無効です。スクロールバーの幅などの指定は、現在はFirefoxのConfig指定を行うしか方法がみつかりません。また、それはFirefoxのユーザー側の設定となり、ブログ等にFirefoxでアクセスして閲覧するユーザーへの対策にはなりません。可能になったのは2020年後期 最近、FirefoxでCS

先日（11/17）、いつものようにWordを起動するとリボンなどUI（ユーザーインターフェイス）が変更されていました。Microsoft365のOffice製品について変更になったようです。Wordではこんな画面になりました：ExcelではPowerPointでは従来との違いで一番目立つのは、タイトルバーの色でしょうか。薄いグレーになりました。従来のWordは青、Excelは緑、PowerPointは茶色にしたければ、いずれかのアプリで[ファイル]-[オプショ

午前中、川崎のコストコへ10時30分頃着いて雨なのですいているかと思いきや混んでましたいつも購入しているコカコーラゼロがないので叙々苑野菜サラダのたれ３本とペーパータオル購入しました。フードコートに長い行列があり素通りしました。車に戻ったらほぼ満車になってました閑話休題あなたは右利き？左利き？両利き？左利きです。スマホの操作で困っていることがあります。スクロールバーが右側にあるので非常に使いにくいです。左側でもできるようにしてほしいです。▼本日限定！ブロ

先日のブログ「ほんとに今日は何度かため息ついてる」の文面が変だったことは、知ってる人も知らない人もいると思うけど、編集してなおしました。自分では普通に文章を打ってたつもりだったけど、なぜか勝手に段落ができてその間隔が１行ずつあいていくのでした。で、投稿したら下のような画面になって。書いた文章をみると普通なんだけど、プレビューにすると上記のようになり、投稿したらそのままで、文の下に表示されるバーを右にスクロールしないとその行の文は最後まで読めなかったです。これがPC画面ですが、スマホ画面にす

昨日最新バージョンのiOS14.2（多分14.2.●）がアップデートされていたので更新しました。ふむ。そしてWebを見ていたら何やら見慣れない黒線が！↑外部リンク、に被さっている黒い棒。タッチしたらiPhoneが（ブルッ）ってなったので（？変なホームページやなぁ。。。）位にしか思わなかったけど余りにも出現する。ウェキペディアは流石に出ていなかったので怪しく思い検索してみたら。。。iPadのiOS13の時に不具合として出ていた物と全く同じ症状という事が判明。原因は（スクロールバー）

iOS13では、画期的な画面のスクロールの方法が加わりましたね縦長のページのときに、とても早く上下に自由に画面をスクロールできるので、これを知っておくと便利かと思いますサイトを開いて画面を少し動かすと、右端にスクロールバーが表示されます。スクロールバーを触ると（タップではなく触ります）バーが太くなります。それをそのまま上下に動かすと、普通に画面を何度もスワイプするよりも断然早く、画面を上下に動かせます。Safari以外に、アプリでも、メモでもグーグルクロームでも同じようにしてスクロー

指定可能な設定を更に探る 「::-webkit-scrollbar」の設定には、前ページより更に多くの指定項目があります。ただ、それらの指定方法は実際に試して調べる必要があります。ネットを調べると、以下のページに設定項目の詳細がありました。techno.blog("Dion") 〔SingleButtonのデザイン〕〔DoubleButtonのデザイン〕指定可能なセレクタ::-webkit-scrollbar（この設定が無いと

拡大する/webkitグループ 「新Edge」の正式版リリースがもうすぐの様です。「新Edge」は｢InternetExplorerモード｣があり、「IE11」から卒業出来ずにいるユーザーにお膳立てが揃いました。この新EdgeはChromeと同じレンダリングエンジンで、webkit系ブラウザが更に増える事になります。webkit系は既に多数派ですが、これに属さないFirefoxの今後の動向が気になります。なぜこの様な事を書くかというと、ブログページのスクロールバーアレン