CSS DIV выходит за пределы - PullRequest
       10

CSS DIV выходит за пределы

0 голосов
/ 11 октября 2011

Я пытаюсь ограничить прокрутку в http://www.liftdesignphoto.com/test/, потому что он поднимает лимит за пределы.

Есть ли способ пересчитать позицию, чтобы он не выходил за пределы?(используя% возможно).

Спасибо

1 Ответ

0 голосов
/ 11 октября 2011

Предполагая, что упомянутое вами переполнение происходит, когда оно перемещается ниже уровня 0, вы могли бы в своем javascript реализовать условную проверку; если лифт ниже допустимой минимальной высоты (которую вы должны измерить самостоятельно), не анимируйте ее дальше вниз (или просто анимируйте, если событие действия прокрутки направлено вниз).

- Это все уместно, если у вашего лифта нет позиции: фиксированный стиль, который, я боюсь, имеет Мое предложение было бы переключиться на абсолютное позиционирование и иметь js-код, который всегда будет центрировать его на 50% экрана, если только он не достигнет верхнего и нижнего пределов, и в этом случае он не будет подниматься выше или ниже установленных вами пределов. себя в коде (см. выше). Я бы также предложил вам использовать функцию jquery animate (), обновляя атрибут top или bottom лифта, чтобы анимировать его в событии прокрутки (которое вам нужно будет обнаружить, если прокрутка идет вверх или вниз), чтобы движения будут более плавными.

Все это говорит о том, что IMO невозможно создать пределы позиции для элемента с фиксированным позиционированием, так как он установлен над всеми остальными элементами (таким образом, на него не влияют родственные или родовые позиции).

Надеюсь, это поможет.

РЕДАКТИРОВАТЬ: еще одна заметка о том, почему не использовать фиксированное позиционирование; при изменении размера веб-браузера ваша жизнь будет вести себя хаотично, поскольку он использует фиксированную верхнюю позицию (даже не в процентах), что не обеспечивает очень гибкий интерфейс.

...