お話選択スクロール ページ14
.
@media screen and (min-width:770px){
form#dr{max-height:500px; overflow:auto;}
}
500pxの数値を変えれば高さが変わります。
スクロールバーの色は
/* スクロールバー全体 */
form::-webkit-scrollbar,div::-webkit-scrollbar {
width:10px;
background:transparent;
}
/* 横スクロールバー全体 */
form::-webkit-scrollbar:horizontal,div::-webkit-scrollbar:horizontal {
height:10px;
}
/* スクロールバー上下左右末端のボタン */
form::-webkit-scrollbar-button,div::-webkit-scrollbar-button {
width:10px;
height:10px;
background:色;
border-radius:5px;
}
/* ドラッグするツマミ部分 */
form::-webkit-scrollbar-thumb,div::-webkit-scrollbar-thumb {
background:色;
border-radius:5px;
}
form::-webkit-scrollbar-thumb:hover,div::-webkit-scrollbar-thumb :hover{
background:色;
}
/* 右下角部分 */
form::-webkit-scrollbar-corner,div::-webkit-scrollbar-corner {
background:transparent;
}
色の部分にカラーコードを使います。
透明にする場合はRGBAで指定します。
border-radius:5px;を消せば丸みがなくなりシャープな印象になります。
ただし、色の設定が使えるのはChromeのみなので、それ以外のブラウザからでは普通のスクロールバーに見えています。
642人がお気に入り
感想を書こう!(携帯番号など、個人情報等の書き込みを行った場合は法律により処罰の対象になります)
雨歌 舞雪#電脳錬金術師(プロフ) - ライン風では無い、吹き出しを出す方法を教えて頂きたいです。利用についてに使われている「使ってもいい?」などの吹き出しです。 (2017年7月12日 16時) (レス) id: 4dbed81eb1 (このIDを非表示/違反報告)
MiUmIu(プロフ) - 参考にさせてもらっています!!ありがとうございます! (2017年6月25日 10時) (レス) id: 042c49640d (このIDを非表示/違反報告)
粉 - 選択ボタンを1つ右に動かす方法を教えてください。いつも楽しく見させてもらってます。 (2017年4月8日 11時) (レス) id: 97ae7c3cba (このIDを非表示/違反報告)
しらぱてぃー(プロフ) - 駄作の極みさん» そうですね…色々詳しく知りたいところですがここをチャット場にする訳にもいかないのでボードにお邪魔しますね (2017年3月19日 18時) (レス) id: 708a6a1ae3 (このIDを非表示/違反報告)
駄作の極み(プロフ) - しらぱてぃーさん» 教えて頂き嬉しいです。やってみたのですが(コピペ)、……すいません(泣)反映されないです。機種が関係してるのでしょうか? (2017年3月18日 20時) (レス) id: 8346ebd752 (このIDを非表示/違反報告)
作品は全て携帯でも見れます
同じような小説を簡単に作れます → 作成
この小説のブログパーツ
作者名:夢乃ふわり | 作者ホームページ:https://lit.link/FuwariYumeno
作成日時:2016年4月21日 0時