gpt4 book ai didi

javascript - 将用户带到页面上 div 淡入的特定位置?

转载 作者:行者123 更新时间:2023-11-28 09:14:08 26 4
gpt4 key购买 nike

有人可以帮忙吗,我在页面上的几个 div 中淡入,每次用户关闭一个 div 时,另一个 div 就会淡入,这是我想要的try and Achieve 是一种让用户在页面上/下移动到 div 所在位置的焦点的方法吗?

这可能吗?如果可以的话我该如何实现,谢谢

<script>
$(".dashboard_intro_arrow3").hide();
$(".dashboard_intro3").hide();
$(".dashboard_intro_text3").hide();
$(".exit_intro3").hide();
$(".dashboard_intro_fav").hide();

$('.exit_intro2').click(function () {
if ($('.dashboard_intro2').is(":visible")) {
$(".dashboard_intro2").fadeOut(500);
$(".dashboard_intro_arrow2").fadeOut(500);
$(".exit_intro2").fadeOut(500);
$(".dashboard_intro_text2").fadeOut(500);
$('.dashboard_intro_arrow3').delay(500).fadeIn(500);
$('.dashboard_intro3').delay(500).fadeIn(500);
$('.dashboard_intro_text3').delay(500).fadeIn(500);
$('.exit_intro3').delay(500).fadeIn(500);


}
});
</script>

最佳答案

我不知道这是否是您想要的,但您可以使用页面上的 anchor 进行滚动。当您导航到 anchor 时,页面会滚动,以便 anchor 元素位于窗口的最顶部。

首先,制作一个 anchor 。

<a name="anchor"></a>

接下来,创建指向该 anchor 的链接。

<a href="#anchor">Click me!</a>

或者根据您的情况,使用 JS 进行导航。

location.hash = "#anchor"

例如:

<html>
<head></head>
<body>

<div id="myDiv">
<a name="scrollToDiv"></a>
...
</div>

<script>
location.hash = "#scrollToDiv";
</script>

</body>
</html>

关于javascript - 将用户带到页面上 div 淡入的特定位置?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15887280/

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