HTML/CSS のどんな質問にも優しく答えるｽﾚ 52 (889ﾚｽ)
上下前次1-新
320: 01/14(日)22:24 ID:??? AAS
ページ内の1つもセグメント(div)に、複数のタイトル表示要素があり、そのタイトル要素をposition: sticky; (top: 0px)で
スクロールしても画面上部に固定されるというのをしたいです。
その際にすでに上部にstickyで固定されているタイトル要素がある状態で、スクロールで次のsticky要素が上部に来たとき、もともと固定されていた要素はそのまま、その直下に固定させるようにしたいのですが、この場合は 2番目のsticky要素の top で位置を調整しないと無理でしょうか？
上記のタイトル要素をtop: 0px で設定すると、2番目3番目のタイトル要素は1番目に重なって表示されます。
1番目がすでに固定状態にあるときに、2番目はそれに重ならないようにするにはどんなやり方がありますか？
321(1): 01/14(日)22:37 ID:??? AAS
親のセグメントにpadfing-topで一つめのstickyの格納場所を作っておく
322: 01/15(月)12:53 ID:??? AAS
>>321
ありがとうございます。その場合、padingの高さはsticky要素の高さに会わせないといけないということですよね？
stickt要素の高さが可変の場合はjavascriptで調整するしかないですか？
323: 01/15(月)12:58 ID:??? AAS
yes
324: 01/16(火)14:15 ID:TEvwQnne(1) AAS
ドロップダウンメニューですがパソコンで見る場合マウスを合わせると下にサブメニューが出るのですが
スマホだとタップしないとサブメニューが出ません
そのときタップ扱いとなるため一番上にリンクを置いているとその下のサブメニューは一瞬表示されるのですが選ぶ前にタップした一番上のメニューに飛んでしまいます
長押しすれば飛ばずにサブメニューが開いた状態のまま選ぶことが出来るのですが、そのまえにブラウザののサブメニューが表示されるので消す作業が必要になります
iosも似たような感じですがさらに操作が煩雑になります
なにかスマートに動作させる方法はあるでしょうか？
旨く説明できずすみません
325: 01/16(火)14:30 ID:??? AAS
SP時とPC時で動作を変える
326: 01/21(日)22:37 ID:??? AAS
Web上のテキストボックスへの入力時、iPhone Safariが勝手にズームしてしまうで、それを抑止するためviewportの"maximum-scale=1.0"を設定していますが、これだとAndroid Chromeでピンチアウトによる拡大ができません。
ピンチアウトによる拡大はできるようにしつつ、iPhone Safariの勝手ズームを止める方法ありますか？
フォントサイズが16px以上なら拡大しないそうなのですが、レイアウトの関係でそこまでフォントサイズは大きくはできません。
327: 01/22(月)02:29 ID:??? AAS
逆に、iPhone Safariの勝手ズームを止めたらダメ！
既定の動きを勝手に変えたらダメ！
それは想定外で使いにくいサイト
それを使っている人は、その機能があるから使いやすいわけだから。
嫌なら、その機能をオフにするか、ブラウザを変えるはず
328(1): 01/29(月)18:56 ID:??? AAS
外部ﾘﾝｸ:maaengineerhouse.com
ここのサイトを参考にページ遷移しない送信ページを作ったのですが全然ページ遷移してしまいます
action="./test"は自分のメールURLにしてますが他に何が駄目なのかわからない状態です
わかる方教えて頂きたいです
329(1): 01/29(月)19:42 ID:??? AAS
>>328
遷移するということはevent.preventDefault();まで到達してないのでスクリプトかidが間違ってる
そのページのnew formData(form)は間違いnew FormData(form)が正しい
フォームデータを送信できるのはhttp/httpsに対してだけ
どうしてもメールで受け取りたいなら自分のサーバー側で転送するか、EmailJSやStmpJSといった外部のサービスを利用する
330(1): 01/30(火)09:11 ID:??? AAS
今レスポンシブデザインの静的サイトを作るとして一番有用なツールは何になりますか？
ひと昔前だとDWだったと思うのですが最近はあまりおすすめされていないようです
習得も難しいです
HTMLとCSSの知識は一通りあります
先達のお知恵を拝借したいです
331(1): 01/30(火)09:39 ID:??? AAS
エディタ？vscodeでいいよ
332(1): 01/30(火)10:09 ID:??? AAS
>>330
VSCode一択です
333: 01/30(火)12:41 ID:??? AAS
>>329
ありがとうございました
334(1): 01/30(火)12:54 ID:??? AAS
>>331,332
エディタではないです
もうちょっとビジュアル的に操作できるものが良いです
335: 01/30(火)13:34 ID:??? AAS
ない
336: 01/30(火)13:41 ID:??? AAS
ないことはないだろうよ
337: 01/30(火)13:54 ID:??? AAS
dwでいいのでは
338: 01/30(火)13:56 ID:??? AAS
DWマスターしてたら仕事でweb会社に入った時に早くに通用しますか？
339: 01/30(火)14:54 ID:??? AAS
いいえ
上下前次1-新書関写板覧索設栞歴
あと 550 ﾚｽあります
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.012s