Прокрутите вниз до определенного div, когда пользователь нажимает кнопку - PullRequest
Новая
       1

Прокрутите вниз до определенного div, когда пользователь нажимает кнопку

0 голосов
/ 21 декабря 2018

Я хочу, чтобы экран прокрутился вниз до div.У этого div есть идентификатор 'weather-data'

. Я пробовал следующее;

document.getElementById('weather-data').scrollIntoView();

Я также пытался использовать якорные теги, которые, похоже, не работали

Кнопка, которую нажимает пользователь: 

<button id="submit" onclick="myFunction()">
                    Submit
                </button>

Функция, которая запускается, когданажата кнопка: 

function myFunction(){
    cityName();

    getData();

    clear();

    document.getElementById('weather-data').scrollIntoView();
}

Это div, к которому я хочу прокрутить экран: 

<div id="weather-data">

</div>

Ответы [ 2 ]

0 голосов
/ 21 декабря 2018

Я исправил проблему, мне пришлось написать оператор if, чтобы проверить, есть ли какой-либо текст в элементе h1.

if(weatherMain != null){

                document.getElementById('icon').scrollIntoView();
                document.getElementById('weather-main').scrollIntoView();

            }
0 голосов
/ 21 декабря 2018

используйте тег привязки, чтобы связать div 

body{
  margin: 0;
}

div{
  height: 100vh;
  border: 1px solid black;
}
<html>
  <body>
    <div id='a'>a</div>
    <div id='b'>b</div>
    <div id='c'>c</div>
    <div id='d'>d</div>
    <div id='e'>e</div>
    <button><a href='#c'>go to c</a></button>
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...