Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Скроллинг в табах (https://javascript.ru/forum/dom-window/52107-skrolling-v-tabakh.html)

Veterinar 04.12.2014 13:12

Скроллинг в табах
 
На странице есть слой с табами, с загружаемыми аяксом формами ввода данных. То есть заранее определить размер дива нельзя.
Сам слой с табами должен всегда быть виден, независимо от скроллинга, поэтому для слоя установлен стиль
position: fixed;

Однако, несмотря на то, что в табах задан скроллинг "overflow: auto;", всё равно скроллинг не появляется.

Буду благодарен за подсказку как реализовать скроллинг внутри закрепленного на странице таба.

Brutus 04.12.2014 18:49

Код в студию!

Veterinar 05.12.2014 16:27

код, пожалуй, длинноват. А страницу можно глянуть
имя/пароль demo/demo

danik.js 06.12.2014 00:55

Цитата:

Сообщение от Veterinar
А страницу можно глянуть

Чет не работает. Вот че выдало когда нажал на Логин:
<login>
<sql>call login('demo','demo')</sql>
<status>1</status>
<id>7</id>
<cathegory>0</cathegory>
<fio>Василий Васильев</fio>
<email></email>
<company>1</company>
</login>

danik.js 06.12.2014 01:08

Надо bottom: 0 выставить. А так у тебя блок выше окна получается, нижняя часть просто обрезается.
Но получится херня. Прокручиваться должен только контент таб-панелей, а не весь блок, включая табы.
Для этого для таб-панели position:absolute, top: 30px (отступ для табов), bottom: 0, overflow: auto.

Veterinar 06.12.2014 13:22

danik.js, всё работает... удивительно как так получилось?

За совет - спасибо!
Если честно, то не совсем понял как поступать, но поковыряюсь.

danik.js 06.12.2014 14:28

Цитата:

Сообщение от Veterinar
удивительно как так получилось?

Зашел с NoScript.

Veterinar 06.12.2014 14:43

danik.js, тогда да. Там 90% на JS

danik.js 06.12.2014 14:46

Цитата:

Сообщение от Veterinar
Там 90% на JS

Ну так добавь вставку <noscript>. И сделай форму не отправляемой. Зачем кому-то видеть какой-то непонятный <xml> файл? Кстати че за Василий Васильев?

Veterinar 06.12.2014 17:44

danik.js, извини, ничо не вышло.
Нет, в CSS я практически ничо не понимаю, поэтому, наверняка, сделал по-дурацки. В div, что открываются в табах поставил стили таким вот образом:
<div id="Interior" style="position:absolute, top: 30px; bottom: 0; overflow: auto;">

И нихрена не изменилось.


Часовой пояс GMT +3, время: 14:55.