Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Графический скролл

Автор: AtaL 15.8.2006, 11:36

Написала графический скролл, с грехом пополам, но работает.
(пример: http://marketup.jeltofiol.com/verstka/str_2_scroll.html ), то есть прямая связь между картинкой скролла и текстом прописана.

Принцип действия скрипта: элемент "контент" внутри див-элемента "контейнер", в диве все, что за его пределами, скрывается.
Считаю отношение высоты содержимого к высоте дива, в соответствии с ним расчитываю примерно изменение положения контента относительно изменения положения скролл-картинки.
Смотреть лучше в эксплорере, под мозиллой глючит нещадно.

Добавилась задача: реализация якорных ссылок.
Якорные ссылки на указанной странице - те, что между текстом и большим заголовком.

Соответственно, нужно прописать обратную связь: изменение положения скролл-картинки в зависимости от положения текста.

А я никак не могу понять, как текст проматывается: сам элемент "контент" остается на месте, меняется положение текстового блока?
Если да, то как узнать, на сколько он сдвинулся?

Очень нужна помощь. smile

Автор: 12345c 15.8.2006, 13:53

А где копирайт скрипта, каким годом он датирован? smile

2000 или 2001?

Могу повторить слова smartov из соседнего топика: если бы Вы его написали, Вы бы знали, как он проматывается.

Хочу задать встречный вопрос - как он закрывает края прокручиваемого текста?

Автор: AtaL 15.8.2006, 16:11

Да недавно писался скрипт, с месяц как - все, кроме перетаскивания картинки - это позаимствовала) - мое, но речь не о картинке.

Фишка не в том, что я не знаю, как текст скроллируется. Фишка в том, что я не могу понять, как перемещается текст, когда кликаешь по якорю: таблица, в которой он находится, остается на месте, текст смещается внутри нее, чего быть не должно. Для чистоты эксперимента вписала текст в дополнительный див - та же фигня, див на месте, текст смещается - похоже, уже браузер делает что-то свое.

Как закрываются края прокручиваемого текста?

В совсем общем виде конструкция такая:

Код


<div id="container" style="width: 400px; height: 400px; overflow:hidden;">
     <table id="content" width=400px >
               <tr>
                     <td>
                               [текстовый блок]
                      </td>
              </tr>
     </table>
</div>

Соответственно, див - маска, при передвижении картинки-указателя скролла меняется положение таблицы. Все, что за пределами дива, скрывается.

Вот как опредлеить координаты текстового блока, когда он смещается при клике по якорю?

Автор: 12345c 15.8.2006, 16:34

Относительно старшего элемента (offsetParent) - .offsetLeft , .offsetTop

Добавлено @ 16:36

Цитата(AtaL @ 15.8.2006, 16:11

)

Да недавно писался скрипт

А скрипт написан в стиле поддержки IE4 зачем-то.

Автор: AtaL 16.8.2006, 11:36

12345c
спасибо) а чуть поподробнее можно? задача новая, не очень понятно, как обозначить текстовый блок, чтобы сравнивать его позиции с позицией старшего элемента

Это перетаскивание элемента? Да, есть такое дело. Перетаскивание, как уже писалось, не мое, мое вмешательство в эти функции минимально.
Впрочем, и все остальное делалось с претензией на кроссбраузерность. Правда, относительно нормально пашет разве что под последними эксплорерами... smile