Автоматическое пролистывание страницы

ilya45

Есть система сообщений между пользователями,допустим смс много где тыща,нужно что бы когда страница загрузилась,страница пролисталась просто в самый низ,не до какого то смс или коммента а просто в самый низ страницы

Survivor

Код (Javascript):
<script>
$(window).load(function()
{
$(«html, body»).animate({ scrollTop: $(document).height() }, 1000);
});
</script>

ilya45

Survivor сказал(а):
↑
Код (Javascript):
<script>
$(window).load(function()
{
$(«html, body»).animate({ scrollTop: $(document).height() }, 1000);
});
</script>
Нажмите, чтобы раскрыть…
вставил в начало сразу после body не сработало
вставил вконец сразу перед body тоже не сработало

Survivor

ilya45 сказал(а):
↑
вставил в начало сразу после body не сработало
вставил вконец сразу перед body тоже не сработало
Нажмите, чтобы раскрыть…
CTRL + SHIFT + I => console?
Можешь попробовать добавить div с каким-нибудь class-ом и прокручивать до него.

ADSoft

Адекватные разработчики никогда тыщи сообщений не вываливают пользователям..
Выводится например последние 20 сообщений, а более ранние либо по кнопке ещё или автоматич при скроле, либо пагинация

ilya45

ADSoft сказал(а):
↑
Адекватные разработчики никогда тыщи сообщений не вываливают пользователям..
Выводится например последние 20 сообщений, а более ранние либо по кнопке ещё или автоматич при скроле, либо пагинация
Нажмите, чтобы раскрыть…
Ок,сделаю один из ваших примеров. А что на счет автоскроллинга,есть что добавить?

rr33rr

Вы jquery не забыли подключить? Все должно работать:

HTML:
<!doctype html>
<html>
<head>
<script src=«https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js»></script>
<script>
$(window).load(function()
{
$(«html, body»).animate({ scrollTop: $(document).height() }, 1000);
});
</script>
<style>
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
li{
padding: 0.5em;
width: 300px;
border: 1px solid #ccc;
margin: 0.5em 2em;
}
</style>
</head>
<body>
<h1>Типа чат</h1>
<ol>
<li>
<h3>ilya45</h3>
Есть система сообщений между пользователями,допустим смс много где тыща,нужно что бы когда страница загрузилась,страница пролисталась просто в самый низ,не до какого то смс или коммента а просто в самый низ страницы
</li>
<li>
<h3>ilya45</h3>
вставил в начало сразу после body не сработало вставил вконец сразу перед body тоже не сработало
</li>
<li>
<h3>Survivor</h3>
CTRL + SHIFT + I => console?
<br>Можешь попробовать добавить div с каким-нибудь class-ом и прокручивать до него.
</li>
<li>
<h3>ADSoft</h3>
Адекватные разработчики никогда тыщи сообщений не вываливают пользователям..
<br>Выводится например последние 20 сообщений, а более ранние либо по кнопке ещё или автоматич при скроле, либо пагинация
</li>
<li>
<h3>ilya45</h3>
Ок,сделаю один из ваших примеров. А что на счет автоскроллинга,есть что добавить?
</li>
<li>
<h3>ilya45</h3>
Есть система сообщений между пользователями,допустим смс много где тыща,нужно что бы когда страница загрузилась,страница пролисталась просто в самый низ,не до какого то смс или коммента а просто в самый низ страницы
</li>
<li>
<h3>ilya45</h3>
вставил в начало сразу после body не сработало вставил вконец сразу перед body тоже не сработало
</li>
<li>
<h3>Survivor</h3>
CTRL + SHIFT + I => console?
<br>Можешь попробовать добавить div с каким-нибудь class-ом и прокручивать до него.
</li>
<li>
<h3>ADSoft</h3>
Адекватные разработчики никогда тыщи сообщений не вываливают пользователям..
<br>Выводится например последние 20 сообщений, а более ранние либо по кнопке ещё или автоматич при скроле, либо пагинация
</li>
<li>
<h3>ilya45</h3>
Ок,сделаю один из ваших примеров. А что на счет автоскроллинга,есть что добавить?
</li>
</ol>
</body>
</html>

don.bidon

Человек только заходит в веб-разработку, потому о подключении библиотеки сразу лучше упоминать.

ilya45

rr33rr сказал(а):
↑
Вы jquery не забыли подключить? Все должно работать:

HTML:
<!doctype html>
<html>
<head>
<script src=«https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js»></script>
<script>
$(window).load(function()
{
$(«html, body»).animate({ scrollTop: $(document).height() }, 1000);
});
</script>
<style>
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
li{
padding: 0.5em;
width: 300px;
border: 1px solid #ccc;
margin: 0.5em 2em;
}
</style>
</head>
<body>
<h1>Типа чат</h1>
<ol>
<li>
<h3>ilya45</h3>
Есть система сообщений между пользователями,допустим смс много где тыща,нужно что бы когда страница загрузилась,страница пролисталась просто в самый низ,не до какого то смс или коммента а просто в самый низ страницы
</li>
<li>
<h3>ilya45</h3>
вставил в начало сразу после body не сработало вставил вконец сразу перед body тоже не сработало
</li>
<li>
<h3>Survivor</h3>
CTRL + SHIFT + I => console?
<br>Можешь попробовать добавить div с каким-нибудь class-ом и прокручивать до него.
</li>
<li>
<h3>ADSoft</h3>
Адекватные разработчики никогда тыщи сообщений не вываливают пользователям..
<br>Выводится например последние 20 сообщений, а более ранние либо по кнопке ещё или автоматич при скроле, либо пагинация
</li>
<li>
<h3>ilya45</h3>
Ок,сделаю один из ваших примеров. А что на счет автоскроллинга,есть что добавить?
</li>
<li>
<h3>ilya45</h3>
Есть система сообщений между пользователями,допустим смс много где тыща,нужно что бы когда страница загрузилась,страница пролисталась просто в самый низ,не до какого то смс или коммента а просто в самый низ страницы
</li>
<li>
<h3>ilya45</h3>
вставил в начало сразу после body не сработало вставил вконец сразу перед body тоже не сработало
</li>
<li>
<h3>Survivor</h3>
CTRL + SHIFT + I => console?
<br>Можешь попробовать добавить div с каким-нибудь class-ом и прокручивать до него.
</li>
<li>
<h3>ADSoft</h3>
Адекватные разработчики никогда тыщи сообщений не вываливают пользователям..
<br>Выводится например последние 20 сообщений, а более ранние либо по кнопке ещё или автоматич при скроле, либо пагинация
</li>
<li>
<h3>ilya45</h3>
Ок,сделаю один из ваших примеров. А что на счет автоскроллинга,есть что добавить?
</li>
</ol>
</body>
</html>
Нажмите, чтобы раскрыть…
Извините я о нем даже не знал,попробую и отпишу

Похожие записи:

Добавить комментарий Отменить ответ