Не работает автоматический скролинг вниз страницы.

@flowwolf · Регистрация: 12.07.2018

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

Я делаю автоматический скролинг в низ страницы на жабе

Javascript

1 2	var scroll = document.getElementById("info"); scroll.scrollTop = scroll.scrollHeight;

-- js код

PHP/HTML

        <div id="info-box">
                <div id="info">
                    <div id="print-msg">
 
                    </div>
                </div>
 
                
 
            <?php include "media/php/authoriz.php" ?>
                
                
        </div>
        <script type="text/javascript"> 
var scroll = document.getElementById("info"); 
scroll.scrollTop = scroll.scrollHeight; 
</script>
    </div>

-- html страничка

и css относящийся к этой части:

CSS

#notmessage
{
    text-align: center;
    margin-bottom: 5px;
}
 
#info
{
    width: 90%;
    margin-top: 20px;
    border: .09px solid black;
    background: white;
    margin-left: 35.499px;
    height: 450px; 
    margin-bottom: 5px;
    overflow-y: auto;
}
 
#print-msg
{
    width: inherit;
    padding-left: 20px;
    padding-top: 10px;
}
 
#print-msg p
{
    font-size: 16px;
}
 
.input
{
    margin-bottom: 7px;
}

и да в консоли никаких нет ошибок

@klopp · 15.07.2018, 01:35

почему у вас скрипт размещен внутри какого-то div-а?

@flowwolf · 15.07.2018, 01:40 **[ТС]**

klopp, изменил вынес из дива

@kalabuni · 15.07.2018, 03:46

Сообщение от flowwolf

делаю автоматический скролинг в низ страницы на жабе

судя по js-коду, вы пытаетесь прокрутить до низа содержимое контейнера #info... низ страницы тут совершенно не причём

и непонятно -- что там у вас внутри этого контейнера #info?
мей би, высота содержимого меньше или равна заданной высоте контейнера... тогда прокручиваться просто нечему

для тестирования поместите внутрь контейнера #info блок со style="background-color: red; height: 789px" (что будет явно больше высоты самого контейнера 450px) -- тогда и увидите, крутится ли там хоть что-то

@klopp 566 / 465 / 183 Регистрация: 14.10.2017 Сообщений: 1,259
	15.07.2018, 01:35	2
	почему у вас скрипт размещен внутри какого-то div-а? 0

@flowwolf 0 / 0 / 0 Регистрация: 12.07.2018 Сообщений: 47
	15.07.2018, 01:40 [ТС]	3
	klopp, изменил вынес из дива 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	15.07.2018, 03:46	4
	Сообщение от flowwolf делаю автоматический скролинг в низ страницы на жабе судя по js-коду, вы пытаетесь прокрутить до низа содержимое контейнера #info... низ страницы тут совершенно не причём и непонятно -- что там у вас внутри этого контейнера #info? мей би, высота содержимого меньше или равна заданной высоте контейнера... тогда прокручиваться просто нечему для тестирования поместите внутрь контейнера #info блок со style="background-color: red; height: 789px" (что будет явно больше высоты самого контейнера 450px) -- тогда и увидите, крутится ли там хоть что-то 1

Опции темы