Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Скроллинг картинкой, Нестандартный скролинг 
:(
    Опции темы
MaxPayne
  Дата 19.2.2006, 23:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 72
Регистрация: 9.8.2005

Репутация: нет
Всего: нет



Недавно на одном из сайте встретил такую реализацию скролинга: Вместо стандартного виндовского - нарисованный, тонкий скролинг и синей точкой в виде ползунка. К сожалению не смог найти сайт в Журнале эксплорера.

Скажите есть ли такая реализация на Java Script - пожет здесь обсуждалось?
PM MAIL WWW ICQ   Вверх
12345c
Дата 20.2.2006, 02:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 57
Всего: 101



 Такие, хорошо оформленные примеры, легче искать на ресурсах скриптов - http://js2.ru/article4.shtml#scripts

Например, за 5 минут накопал такую страницу: http://www.jdstiles.com/java/scrollers/updownscroll.html#

(ссылка с http://www.scriptsearch.com/cgi-bin/jump.cgi?ID=1134)

Потом, именно то, что вы ищете, несложно реализовать на базе этого (моего) скрипта автоскролла по перемещению мыши:

Код

<script>d=document;for(i=0;++i<25;d.write('строка'+i+' <br><br><br><br><br><br><br><br>'));</script>
<body onmo usemove=alert([d.body.scrollHeight,d.body.clientHeight,d.body.offsetHeight,d.all?event.y:event.pageY])
 onmousemove=self.scroll(0,(del=d.body.scrollHeight-(cH=d.body.clientHeight))*(d.all?event.y:event.pageY-pageYOffset)/(cH+1))>
 

Это сообщение отредактировал(а) 12345c - 3.3.2008, 17:56


--------------------
Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go
PM WWW   Вверх
Alx
Дата 20.2.2006, 16:43 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 10
Всего: 78



а чтобы сделать ещё ползунок перетаскивать, см. соседнюю тем про перетаскивающиеся объекты.


--------------------
PM MAIL WWW ICQ   Вверх
Sardar
Дата 25.2.2006, 01:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317



Берём красивый скрол: http://www.blueshoes.org/en/javascript/slider/ , либо пишем такое самим. Ловим событие скролинга нашего искусственного контрола, правим document.documentElement.scrollTop на необходимое количество пикселей, которые естественно вычисляем как процент от всей высоты документа, что берём здесь

Задача тривиальна, больше времени уйдёт рисовать картинку smile


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
Alx
Дата 25.2.2006, 01:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

Репутация: 10
Всего: 78



Сардар +, очень пригодится для моей библиотеки "умных" форм-элементов, если я её всё-тки осилё.


--------------------
PM MAIL WWW ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.0453 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.