flexアイテム内のスクロールを有効にする - メモを揉め
やりたいこと display: flex内の各要素（以下flexアイテム）は、自分の中のコンテンツに合わせて大きさが変わります*1。 そのため、コンテンツが画面からはみ出すような大きさの時はスクロール表示になって欲しいなーって時でも、そのままではスクロール表示になりません。 各flexアイテムの大きさはいい感じに分配されつつ、コンテンツがはみ出す時はスクロール表示になってほしいわけです。 試した結果これとほぼ同じ方法で出来ました。 memowomome.hatenablog.com やり方 flexアイテム内のコンテンツをラッパーで包みposition: absoluteにする*2。 // Jade .foo .bar .baz .qux ul.wrapper li: i.material-icons looks_one li: i.material-icons looks_two li:
スマホで全画面モーダルを展開したときに後ろの要素を固定する - Qiita
スマホのナビゲーション等の実装した時、全画面であっても下までスワイプしたりすると、後ろ側の要素(bodyやwrapperなど)まで動いてしまうのを止めたくて調べてみました。 1. overflow: hidden 一番てっとり早いがiOSではスクロールを止めることは出来ない 2.タッチイベントを停止 この辺や //スクロール禁止用関数 function no_scroll(){ //PC用 var scroll_event = 'onwheel' in document ? 'wheel' : 'onmousewheel' in document ? 'mousewheel' : 'DOMMouseScroll'; $(document).on(scroll_event,function(e){e.preventDefault();}); //SP用 $(document).on('tou
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
