Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
0 / 0 / 1
Регистрация: 28.10.2013
Сообщений: 9

Война со scrollTop()

28.10.2013, 09:04. Показов 1136. Ответов 2
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Привет всем!
Опишу ситуацию:
в блок DIV с помощью append подгружается некоторая информация.
Всё простенько и примитивно, но необходимо, чтобы по завершению функции элемент автоматически перелистывался до конца. У элемента задан height и есть параметр overflow: auto;.
Как этого добиться?
Вот то что я пробовал, но не получилось:
1) ready?
JavaScript
1
2
3
4
$(".myfdiv").ready(function(){
        var height = $(".body-cons").height(); 
        $(".myfdiv").scrollTop(height);
    })
Функция вызывается только по загрузке страницы, после append ready не выходит.
2)
JavaScript
1
2
3
4
5
6
function myfunction(a){
        $('.myfdiv').append("<br/>" + a);
        $scr++;
                var height = $scr * 9000;
                $(".myfdiv").scrollTop(height);
    }
в целом, работает, но всегда остается 1-2 скрытые строки.
Больше идей у меня как-то не появилось и решил обратиться к вам.
Заранее блкгодарен за ответы
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
28.10.2013, 09:04
Ответы с готовыми решениями:

scrollTop
Есть див в который грузится текст из файла и надо, чтоб призаходе на страничку показывало самый конец дива.Не доходит до конца ) как я...

Scrolltop в ie 11
$(window).scroll(function(){ if($(window).scrollTop() &gt; 130){ $(&quot;.header_text&quot;).css(&quot;background-color&quot;,&quot;#15509180&quot;) }; }); ...

ScrollTop в FF и IE
У блока стоит: onclick=&quot;$('a').trigger('click'); $('body').scrollTop($('#tab-review').offset().top);&quot; Т.е. при клике на блок...

2
284 / 283 / 73
Регистрация: 06.05.2013
Сообщений: 1,613
28.10.2013, 15:49
А почему Вам, к примеру, не смешать Ваши способы, что то типа

JavaScript
1
2
3
4
5
   function myfunction(a){
        $('.myfdiv').append("<br/>" + a);
     var height = $(".body-cons").height(); 
        $(".myfdiv").scrollTop(height);
    }
0
0 / 0 / 1
Регистрация: 28.10.2013
Сообщений: 9
29.10.2013, 16:56  [ТС]
Если честно, не вижу разницы между моим вторым способом и Вашим.
Судя по всему, если брать .height(), то берется изначальная высота блока, которая задана. А то, что ниже ещё можно скроллить, эта штука не понимает

И, да. Естественно, класс блока один. Запутался я, пока писал пост.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
29.10.2013, 16:56
Помогаю со студенческими работами здесь

scrollTop
Не работает такой код: &lt;body onload=&quot;document.documentElement.scrollTop=40&quot;&gt; i&lt;br&gt; ... &lt;/body&gt; Его цель - когда страница...

Лагающий ScrollTop
Здравствуйте, есть такой код Здравствуйте! Есть такой код анимации при прокрутке меню. var $menu = $(&quot;#menu&quot;); ...

Условие .scrollTop
Доброе время суток. Не получается дописать условие, если (top:kmouse.pageY) &gt;= 400px то top = 400px, то бишь задать границу что бы tooltip...

ScrollTop в цикле
Добрый день. Использую функцию scrollTop в цикле при закрытии спойлера, но он всегда перематывает на 1 кнопку на странице, как сделать...

Передача значения ScrollTop
Здравствуйте, уважаемые веб-программисты. Есть таблица со строками, заключенная в блок &lt;div&gt; &lt;/div&gt; со своим ScrollTop. При...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Новые блоги и статьи
Доступность команды формы по условию
Maks 07.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .
Уведомление о неверно выбранном значении справочника
Maks 06.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "НарядПутевка", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если в документе выбран неверный склад. . .
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt
8Observer8 05.04.2026
Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .
AkelPad-скрипты, структуры, и немного лирики..
testuser2 05.04.2026
Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .
Отображение реквизитов в документе по условию и контроль их заполнения
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .
Фото всей Земли с борта корабля Orion миссии Artemis II
kumehtar 04.04.2026
Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён
Maks 04.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .
Программный контроль заполнения реквизитов табличной части документа
Maks 02.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru