gpt4 book ai didi

javascript - 当用户单击按钮时向下滚动到特定的 div

转载 作者:行者123 更新时间:2023-11-28 16:19:28 37 4
gpt4 key购买 nike

我希望屏幕向下滚动到 div。此 div 的 ID 为“天气数据”

我试过以下;

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

我也试过使用 anchor 标签,这似乎不起作用

用户将点击的按钮:

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

点击按钮时运行的函数:

function myFunction(){
cityName();

getData();

clear();

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

这是我希望屏幕滚动到的 div:

<div id="weather-data">

</div>

最佳答案

使用 anchor 标签链接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>

关于javascript - 当用户单击按钮时向下滚动到特定的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53876682/

37 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com