[過去ﾛｸﾞ] HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (1002ﾚｽ)
上下前次1-新
このｽﾚｯﾄﾞは過去ﾛｸﾞ倉庫に格納されています｡
次ｽﾚ検索 歴削→次ｽﾚ 栞削→次ｽﾚ 過去ﾛｸﾞﾒﾆｭｰ
99: 2023/09/03(日)16:45 ID:Udh4NPPz(3/3) AAS
>>97
ありがとうございます
できました
外部ﾘﾝｸ:jsfiddle.net
100(1): 2023/09/05(火)18:05 ID:??? AAS
比較的最近リリースされたCSSで使えるのってなんかある？
Scroll-driven Animations
@scope
この辺も便利なんだろうけどペースが早いわ
101: 2023/09/06(水)10:07 ID:??? AAS
最近リリースといっても他のブラウザで対応してないのもあるから
今すぐ無理に使わなくてもよい
102(1): 2023/09/06(水)11:11 ID:??? AAS
リリースは全然最近じゃないけど自分が使い始めたのが最近なのは
scroll-gap
と
overflow: clip;
かな
103(1): 2023/09/06(水)11:41 ID:??? AAS
>>102
さんくす！
scroll-gap
→ググってもでてこんな
代わりにscroll-paddingってのを知れたから良かった。これでページ内リンクの問題も楽になりそうな
overflow: clip;
→使いどころがわからん、気が向いたら教えてクレメンス
104: 2023/09/06(水)12:00 ID:??? AAS
scroll-padding 調べてみた
めっちゃ便利だねー
margin-top と padding-top で疑似的に調整してやってたわ
ありがとう
105: 2023/09/06(水)12:31 ID:??? AAS
>>103
すまんscroll-paddingだったわｗ
overflow:clip;は親に設定しても子をposition:sticky;にできる（親がhiddenだと子はstickyの基準点を見失う）
厳密にはいろいろ違うんだけどhiddenの上位互換みたいな感じ
106: 2023/09/06(水)12:53 ID:??? AAS
CSSのみでアンカーリンクのスクロールが滑らかにできるのに
いまだに昔書いたJQueryを使いまわしてる
107: 2023/09/06(水)13:33 ID:??? AAS
cssのスクロールビヘイビアは速度がいじれるようになるまでは
スムーススクロールはjsだなあ
そもそもスムーススクロール要らん派だけど要望は多い
108: 2023/09/06(水)13:35 ID:??? AAS
なるほど、scroll-beheivorでの欠点をscroll-paddingで補えばCSSだけで完結できるわけか
109: 2023/09/06(水)13:35 ID:??? AAS
ああ、たしかにイージングは欲しいね
110: 2023/09/07(木)01:49 ID:??? AAS
>>100
自分も全然最近じゃないけど、display: contents かなー
直下の要素じゃなくてもgridに振り分けられるのがえらい便利だった
111(1): 2023/09/07(木)10:48 ID:UAGv2jDr(1) AAS
CSSでのスムーススクロール使ったサイトが増えてきたからか独自にJavaScript使ってスムーススクロール実装したサイト見ると違和感覚えるときあるな
懐かしい感じというかなんというか
CSSに任せられることはCSSでやってしまう方がシンプルでいい気がする
112(1): 2023/09/07(木)11:32 ID:??? AAS
>>111
speedが遅い😭
113(1): 2023/09/07(木)12:41 ID:??? AAS
>>112
遅いってページ内移動の速度のこと？
cssだと速度はブラウザ依存だと思うが特に遅いとは思わないけどな
これ以上速くしてもページ内移動だと分かりにくくなるかなと
それなら最初からスムーススクロール使わないって選択するかな
114: 2023/09/07(木)13:32 ID:??? AAS
>>113
見た目上というかeasingというべきかな
距離が短いときも長いときも同じ時間で割られるので
短い時に異常にゆっくりになる
115: 2023/09/09(土)14:57 ID:??? AAS
flexでもgridでもgapが使えるの最高すぎる
116: 2023/09/09(土)16:31 ID:??? AAS
gap最高だよね！超便利 なぜなかったか不思議なくらい
117: 2023/09/09(土)18:45 ID:??? AAS
なにこの良スレ
118: 2023/09/09(土)19:11 ID:??? AAS
AA省
上下前次1-新書関写板覧索設栞歴
あと 884 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.183s*