Я эту установку HTML ...как предотвратить прокрутку фиксированного элемента
body
.top
.content
сверху фиксируется на весь экран всплывающее окно с каким-либо другим содержанием в нем. Однако, пока прокрутка заканчивается в .top> ul, элемент фона начинает прокручиваться. Это очень тошнотворно и делает сайт медленным на планшетах.
На планшетах, даже когда я добавляю переполнение, спрятанное на кузове с помощью jquery, оно не предотвращает по какой-либо причине прокрутку фона даже иногда, когда оно не достигнуто.
Я не хочу прокрутки фоновой страницы, когда всплывающее окно находится вверху страницы. Предположим, это новый слайд.
Что я могу сделать предпочтительной структурой, а затем css и, наконец, js.
Demohttp://jsfiddle.net/techsin/0bv9g31k/
* {padding: 0; margin: 0;}
.top {
position: fixed;
background-color: rgba(0,0,0,.3);
height: 100%;
width: 100%;
overflow: auto;
}
ul {
text-align: center;
background-color: rgba(23,44,134,.8);
color: #fff;
box-sizing: border-box;
overflow: auto;
height: 300px;
width: 50%;
margin: auto;
position: absolute;
top: 0; bottom: 0;
left:0;
right:0;
overflow: hidden;
}
.cont {
width: 400px;
margin: auto;
}
У этого есть побочный эффект сброса прокрутки вверх, поэтому, если использование прокручивается на 1000 пикселей ниже открывающей и закрывающей вкладки, оно должно быть 0 очень раздражающим –
У этого есть также побочные эффекты, если я прокручиваю chikdre фиксированного элемента, не прокручиваю, может быть, я не использовал его right –
да без проблем спасибо –