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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Графический скролл, обратная связь между текстом и картинкой 
:(
    Опции темы
AtaL
Дата 15.8.2006, 11:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



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

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

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

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

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

Очень нужна помощь.  smile 
PM   Вверх
12345c
Дата 15.8.2006, 13:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


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

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



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

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

Хочу задать встречный вопрос - как он закрывает края прокручиваемого текста?
PM WWW   Вверх
AtaL
Дата 15.8.2006, 16:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



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

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

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

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

Код

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


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

Вот как опредлеить координаты текстового блока, когда он смещается при клике по якорю?
PM   Вверх
12345c
Дата 15.8.2006, 16:34 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Круглый
****


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

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



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

Добавлено @ 16:36 
Цитата(AtaL @  15.8.2006,  16:11 Найти цитируемый пост)
Да недавно писался скрипт
А скрипт написан в стиле поддержки IE4 зачем-то.

PM WWW   Вверх
AtaL
Дата 16.8.2006, 11:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



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


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


 




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


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

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