Как заставить перемещаться скролинг области, когда переходишь на строчку 'ниже' видимой части области?

@Alza · Регистрация: 14.01.2008

Студворк — интернет-сервис помощи студентам

Помогите, кто чем может!!!
Суть проблемы:
Некие данные в в виде таблички выводятся в область определенного размера с свойством 'overflow:scroll'.
На JavaScript сделано перемещение по строчкам (и изменение стиля) с помощью клавиш 'вверх' 'вниз'. Как заставить перемещаться скролинг области, когда переходишь на строчку 'ниже' видимой части области .
Строчки могут быть РАЗНОЙ высоты. Достаточно только под IE-4 and >>>.
Заранее благодарен за любые идеи.

17.05.2008, 04:28

Изменять свойство scrollTop элемента на высоту строки...

@Alza · 17.05.2008, 12:43 **[ТС]**

Это понятно, но ведь никакого 'события' в элементе не происходит, когда я програмно перехожу на след. строчку(или я ошибаюсь?). Высота у меня в процентах, и отслеживать кол-во строк довольно муторно...

17.05.2008, 17:21

А как ты программно переходишь на следующую строчку?

@Alza · 17.05.2008, 21:16 **[ТС]**

Ну это я так выразился...
Вообщето страничка ASP-шная и часть переменных JavaScript получает от серверной стороны(VBA), но вкрации примерно так:
1.В зависимости от результата запускается серверный цикл;
2.Рисуются строчки таблицы (с опр. кол-вом ячеек) и им выдается порядковый ID;
3.Когда пользователь кликает по какой-то строчке, фиксируется её ID (и визуально имитируется выделение строчки) в скрытом поле;
4.JavaScript, втихаря следит за клавишами 'вверх' 'вниз' и за этим скр. полем, если совпадают условия, прокручивается маленький цикл в котором снимается предидущее выделение строчек(их стиль). затем просто прибавляем/отнимаем 1 к текущ. ID, опять фиксируем его в скр. поле и изменяем стиль след. строки.
Извиняюсь если длинно...

18.05.2008, 04:07

И что же мешает после выполнения этой процедуры проверять, лежит ли выделенная строка в видимой области или нет, и при необходимости делать скроллинг? Присваивать scrollTop?

18.05.2008, 22:15

Или еще более подходящий способ...
При переходе на любую строчку выполнять перемещение фокуса на нее...
Например:
<tr id=str>...</tr>

...
...

и после кода который отвечает за выделение строки поместить
str.focus();

Новые блоги и статьи Все статьи Все блоги /
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .

@Alza 0 / 0 / 0 Регистрация: 14.01.2008 Сообщений: 15

	Как заставить перемещаться скролинг области, когда переходишь на строчку 'ниже' видимой части области? 16.05.2008, 23:58. Показов 2041. Ответов 6 Метки нет (Все метки) Помогите, кто чем может!!! Суть проблемы: Некие данные в в виде таблички выводятся в область определенного размера с свойством 'overflow:scroll'. На JavaScript сделано перемещение по строчкам (и изменение стиля) с помощью клавиш 'вверх' 'вниз'. Как заставить перемещаться скролинг области, когда переходишь на строчку 'ниже' видимой части области . Строчки могут быть РАЗНОЙ высоты. Достаточно только под IE-4 and >>>. Заранее благодарен за любые идеи. 0

Maksim
	17.05.2008, 04:28
	Изменять свойство scrollTop элемента на высоту строки...

@Alza 0 / 0 / 0 Регистрация: 14.01.2008 Сообщений: 15
	17.05.2008, 12:43 [ТС]
	Это понятно, но ведь никакого 'события' в элементе не происходит, когда я програмно перехожу на след. строчку(или я ошибаюсь?). Высота у меня в процентах, и отслеживать кол-во строк довольно муторно... 0

Maksim
	17.05.2008, 17:21
	А как ты программно переходишь на следующую строчку?

@Alza 0 / 0 / 0 Регистрация: 14.01.2008 Сообщений: 15
	17.05.2008, 21:16 [ТС]
	Ну это я так выразился... Вообщето страничка ASP-шная и часть переменных JavaScript получает от серверной стороны(VBA), но вкрации примерно так: 1.В зависимости от результата запускается серверный цикл; 2.Рисуются строчки таблицы (с опр. кол-вом ячеек) и им выдается порядковый ID; 3.Когда пользователь кликает по какой-то строчке, фиксируется её ID (и визуально имитируется выделение строчки) в скрытом поле; 4.JavaScript, втихаря следит за клавишами 'вверх' 'вниз' и за этим скр. полем, если совпадают условия, прокручивается маленький цикл в котором снимается предидущее выделение строчек(их стиль). затем просто прибавляем/отнимаем 1 к текущ. ID, опять фиксируем его в скр. поле и изменяем стиль след. строки. Извиняюсь если длинно... 0

Maksim
	18.05.2008, 04:07
	И что же мешает после выполнения этой процедуры проверять, лежит ли выделенная строка в видимой области или нет, и при необходимости делать скроллинг? Присваивать scrollTop?

Maksim
	18.05.2008, 22:15
	Или еще более подходящий способ... При переходе на любую строчку выполнять перемещение фокуса на нее... Например: <tr id=str>...</tr> ... ... и после кода который отвечает за выделение строки поместить str.focus();