За последние 24 часа нас посетили 20368 программистов и 1346 роботов. Сейчас ищут 568 программистов ...

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

Тема в разделе "PHP для новичков", создана пользователем ilya45, 18 фев 2023.

  1. ilya45

    ilya45 Новичок

    С нами с:
    1 янв 2023
    Сообщения:
    86
    Симпатии:
    2
    Есть система сообщений между пользователями,допустим смс много где тыща,нужно что бы когда страница загрузилась,страница пролисталась просто в самый низ,не до какого то смс или коммента а просто в самый низ страницы
     
  2. Survivor

    Survivor Новичок

    С нами с:
    8 фев 2023
    Сообщения:
    21
    Симпатии:
    1
    Код (Javascript):
    1. <script>
    2. $(window).load(function()
    3. {
    4.   $("html, body").animate({ scrollTop: $(document).height() }, 1000);
    5. });
    6. </script>
     
  3. ilya45

    ilya45 Новичок

    С нами с:
    1 янв 2023
    Сообщения:
    86
    Симпатии:
    2
    вставил в начало сразу после body не сработало
    вставил вконец сразу перед body тоже не сработало
     
  4. Survivor

    Survivor Новичок

    С нами с:
    8 фев 2023
    Сообщения:
    21
    Симпатии:
    1
    CTRL + SHIFT + I => console?
    Можешь попробовать добавить div с каким-нибудь class-ом и прокручивать до него.
     
  5. ADSoft

    ADSoft Старожил

    С нами с:
    12 мар 2007
    Сообщения:
    3.725
    Симпатии:
    716
    Адрес:
    Татарстан
    Адекватные разработчики никогда тыщи сообщений не вываливают пользователям..

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

    ilya45 Новичок

    С нами с:
    1 янв 2023
    Сообщения:
    86
    Симпатии:
    2
    Ок,сделаю один из ваших примеров. А что на счет автоскроллинга,есть что добавить?
     
  7. rr33rr

    rr33rr Новичок

    С нами с:
    6 май 2021
    Сообщения:
    31
    Симпатии:
    17
    Вы jquery не забыли подключить? Все должно работать:
    HTML:
    1. <!doctype html>
    2. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
    3. $(window).load(function()
    4. {
    5.   $("html, body").animate({ scrollTop: $(document).height() }, 1000);
    6. });
    7. *{
    8.   margin: 0;
    9.   padding: 0;
    10.   box-sizing: border-box;
    11. }
    12. li{
    13.   padding: 0.5em;
    14.   width: 300px;
    15.   border: 1px solid #ccc;
    16.   margin: 0.5em 2em;
    17. }
    18. </head>
    19.   <h1>Типа чат</h1>
    20. <ol>
    21.   <li>
    22.     <h3>ilya45</h3>
    23.     Есть система сообщений между пользователями,допустим смс много где тыща,нужно что бы когда страница загрузилась,страница пролисталась просто в самый низ,не до какого то смс или коммента а просто в самый низ страницы
    24.   </li>
    25.   <li>
    26.     <h3>ilya45</h3>
    27.     вставил в начало сразу после body не сработало вставил вконец сразу перед body тоже не сработало
    28.   </li>
    29.   <li>
    30.     <h3>Survivor</h3>
    31.     CTRL + SHIFT + I => console?
    32.     <br>Можешь попробовать добавить div с каким-нибудь class-ом и прокручивать до него.
    33.   </li>
    34.   <li>
    35.     <h3>ADSoft</h3>
    36.     Адекватные разработчики никогда тыщи сообщений не вываливают пользователям..
    37.     <br>Выводится например последние 20 сообщений, а более ранние либо по кнопке ещё или автоматич при скроле, либо пагинация
    38.   </li>
    39.   <li>
    40.     <h3>ilya45</h3>
    41.     Ок,сделаю один из ваших примеров. А что на счет автоскроллинга,есть что добавить?
    42.   </li>
    43.   <li>
    44.     <h3>ilya45</h3>
    45.     Есть система сообщений между пользователями,допустим смс много где тыща,нужно что бы когда страница загрузилась,страница пролисталась просто в самый низ,не до какого то смс или коммента а просто в самый низ страницы
    46.   </li>
    47.   <li>
    48.     <h3>ilya45</h3>
    49.     вставил в начало сразу после body не сработало вставил вконец сразу перед body тоже не сработало
    50.   </li>
    51.   <li>
    52.     <h3>Survivor</h3>
    53.     CTRL + SHIFT + I => console?
    54.     <br>Можешь попробовать добавить div с каким-нибудь class-ом и прокручивать до него.
    55.   </li>
    56.   <li>
    57.     <h3>ADSoft</h3>
    58.     Адекватные разработчики никогда тыщи сообщений не вываливают пользователям..
    59.     <br>Выводится например последние 20 сообщений, а более ранние либо по кнопке ещё или автоматич при скроле, либо пагинация
    60.   </li>
    61.   <li>
    62.     <h3>ilya45</h3>
    63.     Ок,сделаю один из ваших примеров. А что на счет автоскроллинга,есть что добавить?
    64.   </li>
    65. </ol>
    66. </body>
    67. </html>
     
    ilya45 и don.bidon нравится это.
  8. don.bidon

    don.bidon Активный пользователь

    С нами с:
    28 мар 2021
    Сообщения:
    761
    Симпатии:
    119
    Человек только заходит в веб-разработку, потому о подключении библиотеки сразу лучше упоминать.
     
    ilya45 нравится это.
  9. ilya45

    ilya45 Новичок

    С нами с:
    1 янв 2023
    Сообщения:
    86
    Симпатии:
    2
    Извините я о нем даже не знал,попробую и отпишу