teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

3

試したことを追加

2018/10/09 15:04

投稿

Kooomari
Kooomari

スコア12

title CHANGED
File without changes
body CHANGED
@@ -113,4 +113,11 @@
113
113
  ### 試したこと
114
114
 
115
115
  jsでtouchmove で event.preventDefault();をするというのもみつけましたが、
116
- jsの記述の仕方がわからず、組み合わせることができずにいます。
116
+ jsの記述の仕方がわからず、組み合わせることができずにいます。
117
+
118
+
119
+ ### 試したこと 2
120
+ Bootstrap4ではどうだろうとiOSでみてみました。
121
+ 「長いコンテンツのスクロール」に、"モーダルはページ自体とは独立してスクロール。"とありますが、
122
+ これも背景が動く状態で参考にできませんでした。
123
+ https://cccabinet.jpn.org/bootstrap4/components/modal

2

詳細追加

2018/10/09 15:04

投稿

Kooomari
Kooomari

スコア12

title CHANGED
@@ -1,1 +1,1 @@
1
- modalを出したとき、iOSで背景固定したいです。overflow: hidden;は効かず。
1
+ モーダルウィンドウを出して中身をスクロールするき、背景(body)も動いてしまうので固定したいです。
body CHANGED
@@ -1,6 +1,8 @@
1
1
  ### 前提・実現したいこと
2
2
 
3
- modalを出しiOSで背景固定す。(PC、Androidは問題ないです)
3
+ モーダルウィンドウを出して、その中のテキストをスクロールしようすると、背景(body)が動いてす。
4
+ モーダルが開いているときは、固定したいです。
5
+ PC、Androidは問題ないのですが、iOS11,10が動いてしまいます。
4
6
 
5
7
  参考サイトをいろいろみましたが、iOSの仕様が変わったせいか、overflow: hidden;がきかなかったり、
6
8
  背景固定で紹介しているサイトでも現在は動いてしまうものが多く、実現したいものが見つけられませんでした。

1

詳細追加

2018/10/09 14:39

投稿

Kooomari
Kooomari

スコア12

title CHANGED
@@ -1,1 +1,1 @@
1
- modalを出したとき、iOSで背景固定したいです。
1
+ modalを出したとき、iOSで背景固定したいです。overflow: hidden;は効かず。
body CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  modalを出したとき、iOSで背景固定したいです。(PC、Androidは問題ないです)
4
4
 
5
- 参考サイトをいろいろみましたが、iOSの仕様が変わったせいか、
5
+ 参考サイトをいろいろみましたが、iOSの仕様が変わったせいか、overflow: hidden;がきかなかったり、
6
6
  背景固定で紹介しているサイトでも現在は動いてしまうものが多く、実現したいものが見つけられませんでした。
7
7
 
8
8
  下記のサイトがわかりやすかったので、ここをベースにして背景固定にしたいですが、可能でしょうか。