Предотвратить прокрутку для определенного элемента?

Question

Предотвратить прокрутку для определенного элемента?

0

Я использую jQuery draggable() на определенном DIV-элементе, поэтому могу свободно перемещать его.

DIV перестает быть большим, поэтому полосы прокрутки появляются, когда часть DIV находится за пределами видимой области, но для этого элемента я бы хотел, чтобы полосы прокрутки не появлялись.

Но я хочу, чтобы полосы прокрутки появлялись, когда другие элементы находятся за пределами видимой области (например, если страница длиннее экрана).

Итак, мой вопрос: можно ли исключить определенный элемент, влияющий на полосы прокрутки?

(Я не прошу использовать переполнение, чтобы скрыть полосы прокрутки, я не хочу, чтобы какой-то DIV повлиял на них)

Есть идеи?

Dylan 14 март 2014, в 01:15

Источник

0

Что вы можете сделать, так это переполнение-у: скрыто; Это должно по крайней мере предотвратить полосы прокрутки внизу. Если вы дадите мне Переполнение элемента: скрыто; это не означает, что элементом может быть только высота или ширина вашего экрана, так что вы можете сделать это также. и я почти уверен, что есть событие, которое запускается, когда вы начинаете перетаскивание, в этом случае вы можете добавить класс в div, и этот класс дает вам переполнение: hidden; в конце перетаскивания уберите этот класс и вернитесь ли он к стандартному
Pinki 14 март 2014, в 00:20
0

Вы можете связать событие нажатия кнопки с mousedown, mousemove и сделать так, чтобы это событие обновляло css контейнера, чтобы не прокручивать ни одного?
4m1r 14 март 2014, в 00:41

Теги:

jquery

html

scrollbar

1 ответ

Ещё вопросы

Что вы можете сделать, так это переполнение-у: скрыто; Это должно по крайней мере предотвратить полосы прокрутки внизу. Если вы дадите мне Переполнение элемента: скрыто; это не означает, что элементом может быть только высота или ширина вашего экрана, так что вы можете сделать это также. и я почти уверен, что есть событие, которое запускается, когда вы начинаете перетаскивание, в этом случае вы можете добавить класс в div, и этот класс дает вам переполнение: hidden; в конце перетаскивания уберите этот класс и вернитесь ли он к стандартному
Вы можете связать событие нажатия кнопки с mousedown, mousemove и сделать так, чтобы это событие обновляло css контейнера, чтобы не прокручивать ни одного?

ThiagoPXP · Accepted Answer · 2014-03-13T22-41-00.000Z

Ваш перетаскиваемый DIV можно обернуть в другой div, который не позволит создавать полосы прокрутки.

<style>
.wrapper {
    height: 100%;
    position: absolute;
    width: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
}

.draggable {
    position: absolute;
    top: 1000px; /* simulating going over the edge of the page */
    left: 800px; /* simulating going over the edge of the page */
    width: 500px;
    height: 500px;
    background: #F00;
}
</style>    


<div class="wrapper">
    <div class="draggable">
        Hello - No scrollbars created for me. :)
    </div>
</div>

хорошее решение, работает как шарм!