ограничение видимости контейнера

@Неумейка · Регистрация: 14.02.2009

Студворк — интернет-сервис помощи студентам

Подскажите, как сделать так чтоб перемещая контейнер, посредством JavaScript, в нутрии другого контейнера, сделать так чтоб внешний контейнер ограничивал видимость внутреннего.

@BlackApricot · 16.10.2009, 21:34

Сравнивать границы внешнего и внутреннего контейнеров и при совпадении, что-то предпринимать. Интересная затея.

@Неумейка · 16.10.2009, 21:38 **[ТС]**

Сообщение от BlackApricot

что-то предпринимать

что именно?

@BlackApricot · 17.10.2009, 09:04

Откуда я знаю, это твоя затея, тебе и решать, что делать при подходе перемещаемого контейнера к границе. Если есть ограничения для перемещения элемента, то зачем-то ты это ограничение придумал?.
Ты даже не сказал, что за контейнеры, и что в чём двигается и зачем это надо.

@FunDuck · 17.10.2009, 16:11

Сообщение от Неумейка

Подскажите, как сделать так чтоб перемещая контейнер, посредством JavaScript, в нутрии другого контейнера, сделать так чтоб внешний контейнер ограничивал видимость внутреннего.

Думаю можно сделать с помощью z-index...

@Ti]v[ · 18.10.2009, 16:55

Можно попробовать свойство clip как-то приспособить

Параметр clip определяет область позиционированного элемента, в которой будет показано его содержимое. Все, что не помещается в эту область, будет обрезано и становится невидимым. На данный момент единственно доступная форма области — прямоугольник. Все остальное остается только в мечтах. Параметр clip работает только для абсолютно позиционированных элементов.

Синтаксис

clip: rect(Y1 X1 Y2 X2) | auto

Аргументы

В качестве аргументов используется расстояние от края элемента до области вырезки, которое задается в единицах CSS — пикселы (px), проценты (%) и др. Если край области нужно оставить без изменений, следует поставить параметр auto.

@Vanstorm · 18.10.2009, 19:02

Какие мудреные рецепты... А с-ю overflow:hidden нельзя? Я что-то не так понял?

@BlackApricot · 18.10.2009, 21:07

Ti]v[, Речь идёт о перемещении одного элемента в другом, clip тут при чём? Ты же сам написал, что он делает!

Сообщение от Vanstorm

А с-ю overflow:hidden нельзя? Я что-то не так понял?

Первый пост написан не очень, думаю он хочет что-то в чём-то двигать, но не понятно, что он хочет иметь на границах и, что в чём двигать, молчит как рыба. А тут несколько вариантов есть.
Он делает секрет из своей "гениальной" задумки, это его проблемы.

@Ti]v[ · 19.10.2009, 14:45

Контейнер которому установлено свойство clip делаем width & height как можно больше, регулируем свойстово z-index, чтобы он не кого не закрывал (position: absolute естестно). Тогда видимая область заданная clip и будет выполнять роль контейнера ограничиваюшего видимость.

Ну это просто как оригинальное решение. overflow:hidden наверное удобнее

Новые блоги и статьи Все статьи Все блоги /
делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .	Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .
Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .	SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .

@Неумейка 12 / 11 / 4 Регистрация: 14.02.2009 Сообщений: 89

	ограничение видимости контейнера 16.10.2009, 16:12. Показов 3057. Ответов 8 Метки нет (Все метки) Подскажите, как сделать так чтоб перемещая контейнер, посредством JavaScript, в нутрии другого контейнера, сделать так чтоб внешний контейнер ограничивал видимость внутреннего. 0

@BlackApricot 288 / 131 / 4 Регистрация: 15.02.2009 Сообщений: 520
	16.10.2009, 21:34
	Сравнивать границы внешнего и внутреннего контейнеров и при совпадении, что-то предпринимать. Интересная затея. 0

@BlackApricot 288 / 131 / 4 Регистрация: 15.02.2009 Сообщений: 520
	17.10.2009, 09:04
	Откуда я знаю, это твоя затея, тебе и решать, что делать при подходе перемещаемого контейнера к границе. Если есть ограничения для перемещения элемента, то зачем-то ты это ограничение придумал?. Ты даже не сказал, что за контейнеры, и что в чём двигается и зачем это надо. 0

@Vanstorm 2773 / 341 / 22 Регистрация: 15.01.2008 Сообщений: 2,614
	18.10.2009, 19:02
	Какие мудреные рецепты... А с-ю overflow:hidden нельзя? Я что-то не так понял? 1

@Ti]v[ 0 / 0 / 0 Регистрация: 03.10.2009 Сообщений: 18
	19.10.2009, 14:45
	Контейнер которому установлено свойство clip делаем width & height как можно больше, регулируем свойстово z-index, чтобы он не кого не закрывал (position: absolute естестно). Тогда видимая область заданная clip и будет выполнять роль контейнера ограничиваюшего видимость. Ну это просто как оригинальное решение. overflow:hidden наверное удобнее 0