text_box{ width: 80%; overflow: auto;}. text_box::-webkit-scrollbar{ /* スクロールバー全体 */ width: 15px;}. text_box::-webkit-scrollbar-thumb{ /* スクロールバーのある部分 */ background: #F70841; border-radius: 10px;}. text_box::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分(前) */ background: #ffa5ba;}.
iPhoneが発売された初期の頃「スマホにはスクロールバーの概念がない」とあるお方からスマホが出来た頃にそう言われましたが、 「スクロールバーがない=スクロールできない」というわけではなく、バーが見えてないだけで実際はスクロールさせることが出来ます。ですが、iphoneではスクロールバーが表示されないのでユーザビリティーの観点から考えると明らかによくありません。 そんな訳で今回は、iphoneでも見れるスクロールバーを作成してみたので、備忘録。 ※Androidでの実機確認はしてません。iPhoneのiOS7でのみの確認です。旧バージョンで見れる・見れないとかあったらコメント下さいm(_ _)m スクロールしてる間だけスクロールバーを表示 スクロールバーを表示させたいBoxに「-webkit-overflow-scrolling: touch;」を記述するだけです。PCでは何の変化もありませんが、スマホで表示すると、スクロールしてる間だけ、スクロールバーが表示されます。 【HTML】
simplebar-scrollbar::before スクロールバーの棒部分装飾. simplebar-track スクロールバーの背景 mplebar-visible::before デフォルトだとスクロールバーに透過がかかっているので、透過を無くしたい場合はopacity: 1;を追加する 以上で完成です。 まとめ SimpleBar の実装方法を紹介しました。 SimpleBar ライブラリを読み込むだけで簡単に自分好みのスクロールバーが実装ができます。 最新のモダンブラウザ及び、様々なデバイスの表示も共通のものを表示してくれるので、とても便利です。 以上で解説を終わります。
060 「『猫車』って知ってるかニャ?」 「『猫車』っていうらしいけど……どうやったら動くのニャ?」 北海道のミニ牧場にて遭遇いたしました! 農家などで使っている「手押し一輪車」は「猫車」とも言います。(名前の由来は諸説あり)名前を知ってか知らずか……にゃんこたちも興味津々の模様でございました。 【第4位】vol. 068 今年はにゃんこもさびしい「お正月」? 「『初詣』……誰も来ないのニャ……」 お正月の飾りつけをした漁港の小さな「祠」の近くで、退屈そうに昼寝している漁港の古参ボスにゃんこです。 今年のお正月は、感染拡大防止などから「初詣」「帰省」などが例年とは違ったかたちになってしまいましたが……参拝客から何か貰おうと画策していた模様でございます(笑)。 【第3位!】vol. 048 「ここの水が飲みたいのニャ♪」 「蛇口から出る新鮮な水は美味いのニャ〜♪」 にゃんこが水飲み場の上で「ニャ〜ニャ〜」と鳴いたりゴロゴロしたりしておりました。 「もしや?」と蛇口を捻って水を出してみますと、にゃんこは「待ってました!」とばかりに蛇口から出る水を飲み始めました。 どうやら、公園に来る人たちに水道の蛇口を開けさせる術を分かっているようです。 【第2位!】vol. 024 にゃんこ、全国発送いたします! 「キジトラにゃんこの詰め合わせセットなのニャ。お歳暮にいかがかニャ♪」 瀬戸内のとある漁港を歩いていたところ……発泡スチロールケースにみっちりと収まっているキジトラにゃんこトリオを発見! このままフタをして発送伝票を貼れば、すぐに全国発送ができちゃいそう(笑)。 【第1位!】Vol. 一向平キャンプ場 | 日本最大級のキャンプ場検索・予約サイト【なっぷ】. 053 暑さのあまり猫が液体化……!? 「……暑いのニャ。『オーバーヒート』なのニャ……」 昼間は野良にゃんこたちも涼しい場所に避難するので殆んど姿を現しませんが、こんな感じの植え込みの下などを探しますと……「オーバーヒート」中の野良にゃんこに遭遇することもあります♪ 佐々木まことさん 連載100回に寄せて 2019年3月より連載を開始いたしました『犬猫脱力写真館』ですが、8月18日掲載回にて「100回目」を迎えることが出来ました! 私がセレクトしました「わんこ」「にゃんこ」の写真と稚拙な原稿を、歴代編集担当の方々にお手伝いしていただきながらの2年半……。「100回目」まで到達できまして、とても嬉しいです♪ この2年半で、「人」「街」「生活様式」などなど様々な事が変化してしまいましたが「わんこ」「にゃんこ」たちは以前と変わらずなのが救いだったりもします……。 「わんこ」「にゃんこ」を撮り始めまして20年を越えたところでございますが、日々、撮影に出ておりますので、「わんこ」「にゃんこ」写真は増え続けるばかりです。(連載の紹介文に「100万枚超!」とありますが、余裕でそれ以上……本人も数を把握しておりません笑) 未発掘の写真、新たに撮影した写真……まだまだ沢山ございますので、これからもこちらで掲載させていただきますので、よろしくお願いいたします!
福岡本店を拠点に、北海道や東京、京都など都市圏に出店。いまではアメリカやフィリピンなど世界9カ国にも展開するグローバルなラーメン屋『博多一幸舎』。 大阪でもエキマルシェ店に次いで、福島店が2019年にオープンしました。スープを作り出すときに生まれる"きめ細かな泡"が特徴で、濃厚だけどサラサラッと飲みやすく仕上がっているんです! 今回は、「これぞ王道の豚骨ラーメン!」と言うべき一杯をご紹介します。 ■ラーメン激戦区・福島で人気のラーメン屋「博多一幸舎」 画像:けんけん 大阪・福島と言えば、言わずと知れたラーメン激戦区。 JR・福島駅の高架下にあり、徒歩1分以内のところに『博多一幸舎 大阪福島店』はあります。 人気No. 1は『味玉チャーシューラーメン』(1, 120円・税込)。 そのほか、焦がしニンニク油が入った『味五黒ラーメン』(970円・税込)、辛みが加わった『味五赤ラーメン』(970円・税込)などがありました。 また、テーブル上には福島店限定の『激辛メンマ』があり、試しに一口食べてみると予想以上に辛くてびっくり! しかし、やみつきになるおいしさです。 店内は清潔感があり、落ち着く雰囲気。カウンター席テーブル席含めて36席とかなり広々としています。 ■豚の頭骨・背骨などを使ったスープが秀逸! 筆者が注文したのは、豚骨ラーメンにミニチャーハンがついた『黄金セット』(1, 050円・税込)。 麺はプツプツと歯切れがよくておいしい。小麦の風味もほのかにあってこだわりが感じられます。 具材はきくらげ、ネギ、チャーシュー! 毎日コツコツ節約してきました。 - 贅沢はせず、ほんとうにコツコツと毎... - Yahoo!知恵袋. また、豚の頭骨・背骨などを使ったスープは濃厚でクリーミー。全く臭みもなく、こってりだけどサラサラと飲みやすく仕上がっていました。 セットのミニチャーハンもお米一粒一粒が立っていてパラパラ。玉ねぎの甘さが際立っていました。 <店舗詳細> 博多一幸舎 大阪福島店 住所:大阪府大阪市福島区福島5-14-6 福島阪神クレセントビル 1F 電話番号:06-4256-7720 最寄駅:JR『福島駅』 営業時間:11:00〜15:00(L. O. 14:30)/18:00〜23:00(L. 22:30) 定休日:不定休 豚骨ラーメンというとコッテリ系が多い印象でしたが、『博多一幸舎』の豚骨ラーメンはどこか上品でとても食べやすいという印象でした! ぜひ福島エリアに行かれた際は一度食べてみてほしいです。(取材・文/けんけん) 【画像】 ※けんけん 最新の情報は各店舗・施設にお問い合わせください。
星空~ハイキング~登山~ペットOK!更にサウナも誕生!大山隠岐国立公園内の自然に囲まれたキャンプ場 2020年6月20日(土)リニューアルオープン! 大山隠岐国立公園内、東大山の入口に位置するキャンプ場です。 家族やグループ、お友達同士で! みんなで遊びに来てください!
(続いて、サブコーナー「今日の広島カープをチェック」は下へ!) ☑ブログランキングに参加中!本日のチェック社長のブログは何位だ!? クリックして応援してくれると嬉しいです(*^_^*) ↓↓↓ にほんブログ村 ☑鞆の浦の風景を切り取っているチェック社長のインスタはこちらでチェック! ☑サンモルト公式サイト ホーム | 株式会社サンモルト 昭和24年創業。プロパンガス、水まわりリフォームといった住まいに関わる仕事を通じて地域の方の役に立ち続けることが我々の使命です。 ☑プロパンガス専用サイト ホーム | 福山市のプロパンガス屋|株式会社サンモルト 福山市のプロパンガス屋です。プロパンガスの料金シミュレーション受付中!クレジットカードも利用可能 ☑ペレットストーブ専用サイト ホーム | 福山市のペレットストーブ専門店 福山市のペレットストーブ専門店です。ショールーム「ペレットステーション福山」では、ペレットストーブの暖かさを体感することができます。 2020年8月11 日(火)の試合結果 中日 8 -1 広島 先発の野村祐輔は3回までランナーを出しながらも無失点で凌ぐ。しかし4回表、本塁打を含め5安打を集められ3失点。3回で途中降板。2番手ケムナも1失点。 6回、7回は島内が登板。5奪三振、無失点と好投。 しかし、8回は一岡が2失点、9回はDJジョンソンが2失点。 打線は鈴木誠也のタイムリー内野安打の1点のみ。チャンスを作るもあと1本が出ず。終始流れをつかむことができんかったね。 ほいじゃあ、また! 【チーム成績(2020年8月11日現在)】 順位 試合数 勝 負 分 勝率 勝差 得点 失点 本塁打 盗塁 打率 防御率 5 44 18 22 4. 450 6. 5 201 207 48 19. 277 4. 34 試合中はカープのつぶやきが多いチェックのツイッターはこちら Tweets by Shinpei_Ogawa (フォローよろしくお願いします!フォローバックします!) The following two tabs change content below. この記事を書いた人 最新の記事 1981年、広島県福山市鞆町生まれ。地元を中心にプロパンガスの販売、住宅リフォーム、ペレットストーブの販売を行う傍ら、地元を元気にする活動を展開中。毎月第4日曜日に鞆町の沼名前神社で開催しているとも・潮待ち軽トラ市(鞆の採れたて朝市)。「火育マイスター」として、火を通じて子ども達のココロと生きる力を育む火育活動。住宅リフォーム大学の講師。鞆町の空き家再生プロジェクト。福山南部の未来を創る会所属。これらの活動を通じて地域から日本を元気にする。