Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.83/6: Рейтинг темы: голосов - 6, средняя оценка - 4.83
xaus
10 / 10 / 0
Регистрация: 30.01.2013
Сообщений: 93
1

блок с прокруткой

20.05.2013, 16:07. Просмотров 1065. Ответов 5
Метки нет (Все метки)

Здраствуйте, хотел бы спросить кто как делает блок с прокруткой
CSS
1
2
3
4
5
6
7
.SimpleDiv { 
 width:50px;
 height:50px;
 background: #fff;
 border: 1px solid #C9CFD3;
 overflow:auto;
 }
вот пример но он неочень подходит т.к. у него полоса прокрутки есть,
хотелось бы увидеть без полосы прокрутки и чтобы как слайд прокручивал изображение
что то типо этого
Java
1
2
3
4
5
6
7
8
9
10
11
12
13
<script type="text/javascript">
        $('#slider').slidertron({
            viewerSelector: '.viewer',
            reelSelector: '.viewer .reel',
            slidesSelector: '.viewer .reel .slide',
            advanceDelay: 1500,
            speed: 'slow',
            navPreviousSelector: '.previous-button',
            navNextSelector: '.next-button',
            indicatorSelector: '.indicator ul li',
            slideLinkSelector: '.link'
        });
    </script>
только что бы слайды шли не с право на лево а с низу в верх.
Зарание всех благодарю

Добавлено через 14 минут
и еще забыл сказать, что бы он при прокрутке всей страницы перемещялся тоже
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
20.05.2013, 16:07
Ответы с готовыми решениями:

Фиксированный резиновый блок с прокруткой содержимого
В общем мне нужен фиксированный резиновый блок с прокруткой содержимого, чтобы...

Контейнеры с прокруткой
Не могу разобраться как сделать контейнер с вертикальной прокруткой.Короче...

Отображение содержимого во фрейме с прокруткой
Здравствуйте, уважаемые форумчане! Как отобразить содержимое (текст, например)...

Изображения по div с прокруткой по горизонтали
Доброго всем времени суток. Я хотел бы попросить помочь мне со следующей...

Таблица с горизонтальной прокруткой и отступами
Доброго времени суток, комрады. Есть страничка с формой и таблицей с...

5
xaus
10 / 10 / 0
Регистрация: 30.01.2013
Сообщений: 93
20.05.2013, 20:51  [ТС] 2
нашол то что мне нужно но немогу разобраться где что, вот сылка Elastislide точно такаяже каруселька нужна, скачать эту карусель можно тут files Elastislide но в их исходниках нету вертикальной панельки, имено той что указана выше по сылке.
попробовал перекопать исходники с первой сылки и собрать что получиться но вышло все по другому(( вот как вышло tympanus.net.rar
кто может помочь привести все в такой вид Elastislide
0
xaus
10 / 10 / 0
Регистрация: 30.01.2013
Сообщений: 93
20.05.2013, 20:57  [ТС] 3
вот еще покопался вот что получилось Новая папка.rar
0
Андрей-СПб
27 / 27 / 0
Регистрация: 21.12.2011
Сообщений: 92
21.05.2013, 21:32 4
Образцы интересные. Задумался, можно ли себе применить..
Только про полосу прокрутки не понял)
1
xaus
10 / 10 / 0
Регистрация: 30.01.2013
Сообщений: 93
21.05.2013, 21:59  [ТС] 5
Цитата Сообщение от Андрей-СПб Посмотреть сообщение
Только про полосу прокрутки не понял)
чтобы когда спускаешся вниз по странице эта карусель должна тоже спускаться.
0
Андрей-СПб
27 / 27 / 0
Регистрация: 21.12.2011
Сообщений: 92
21.05.2013, 22:05 6
Хмм.. Первая мысль была, как кнопки социальные делают, обернуть в тоже самое, но вот скрипт в скрипте.. Хотя может и правильное направление мысли..
1
21.05.2013, 22:05
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
21.05.2013, 22:05

Подскажите пожалуйста с прокруткой на сайт
Здравствуйте, подскажите как мне сделать прокрутку ( скроллинг ) на сайт,...

Как создать сайт с такой прокруткой
Здравствуйте! Как создаются сайты вот с такой прокруткой скроллом...

Div's в линию, с прокруткой только снизу
есть код $slot = &quot;&lt;div id=\&quot;slot\&quot;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
6
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru