|
Модераторы: Sardar, Aliance |
|
N0rt0N |
|
||||
Новичок Профиль Группа: Участник Сообщений: 17 Регистрация: 20.5.2007 Репутация: нет Всего: нет |
Доброго времени суток всем!
Возникла такая проблема. Есть div некоторой ширины с прокруткой, в котором куча текста. В диве имеются якоря типа:
Для того чтобы кликнув по ссылке вне div'a типа:
Прокрутить div до нужного места. Но тут как раз проблема в том, что прокручивается не только div, но и сдвигается вся страница к этому якорю. Вопрос такой, возможно ли каким либо образом по щелчку на ссылке прокручивать только div до соответствующего якоря, а страницу оставлять на месте (как была)? Заранее спасибо! |
||||
|
|||||
ksnk |
|
||||
прохожий Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
Скроллится только по высоте, по горизонтали не было нужно. Всемирная константа 20 - последствия допиливания идеи по месту напильником
Это сообщение отредактировал(а) ksnk - 19.1.2012, 17:01 -------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! |
||||
|
|||||
ksnk |
|
|||
прохожий Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
Исправил функцию. Теперь все более правильно работает.
-------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! |
|||
|
||||
N0rt0N |
|
|||
Новичок Профиль Группа: Участник Сообщений: 17 Регистрация: 20.5.2007 Репутация: нет Всего: нет |
Странно, почему-то не работает...
Т.е. по клику прокручивает див из любого положения до верхней точки и все, но не до объекта, хотя объект в ф-ю передается вроде нормально... |
|||
|
||||
ksnk |
|
|||
прохожий Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
N0rt0N, нужен пример разметки. Также, объект, который передается в фукнцию должен обладать нетекстовым стилем display (block|inline-block), иначе некорректно вычисляются для него height и/или position
-------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! |
|||
|
||||
N0rt0N |
|
||||
Новичок Профиль Группа: Участник Сообщений: 17 Регистрация: 20.5.2007 Репутация: нет Всего: нет |
Сейчас у меня примерно так, есть ссылки:
А в диве с прокруткой другие дивы (в качестве объектов для прокрутки):
Однако для них все равно для всех topdisp = 0... |
||||
|
|||||
ksnk |
|
|||
прохожий Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
<div id="a1" style="display:block"></div> имеет высоту 0px. Так и должно быть?
-------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! |
|||
|
||||
N0rt0N |
|
|||
Новичок Профиль Группа: Участник Сообщений: 17 Регистрация: 20.5.2007 Репутация: нет Всего: нет |
А, все, огромное спасибо! Принцип понял, действительно, нужно было тексты разделов поместить в div'ы, тогда все работает!
Спасибо еще раз! |
|||
|
||||
ksnk |
|
|||
прохожий Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
Еще немного поправил. Вот архивчик с тестовой страничкой для проверки.
Присоединённый файл ( Кол-во скачиваний: 15 ) scroll.zip 2,13 Kb -------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! |
|||
|
||||
ksnk |
|
|||
прохожий Профиль Группа: Комодератор Сообщений: 6855 Регистрация: 13.4.2007 Где: СПб Репутация: 48 Всего: 386 |
Правленая версия функции - в архиве.
Это сообщение отредактировал(а) ksnk - 20.1.2012, 10:45 -------------------- Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! |
|||
|
||||
N0rt0N |
|
|||
Новичок Профиль Группа: Участник Сообщений: 17 Регистрация: 20.5.2007 Репутация: нет Всего: нет |
Еще раз огромное спасибо!
|
|||
|
||||
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей) | |
0 Пользователей: | |
« Предыдущая тема | JavaScript: для новичков | Следующая тема » |
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |