gpt4 book ai didi

javascript - 加载到滚动的 div 上

转载 作者:行者123 更新时间:2023-11-28 07:45:29 25 4
gpt4 key购买 nike

我正在尝试在特定点加载内容 div,但不使用任何动画。

http://jsfiddle.net/utbeuebw/

HTML

<div class="fixed-block">
Fixed Block
</div>

<div class="content">
Content
</div>

CSS

.fixed-block {
background: red;
height: 400px;
width: 100%;
position: fixed;
top: 0;
}

.content {
height: 700px;
margin-top: 400px;
background: yellow;
position: relative;
}

JS

if(window.location.hash) {
var hash = window.location.hash;
var link = $("[href='"+ hash +"']");
if ( hash == "" ) {
$('html, body').animate({
scrollTop: $(".content").offset().top
}, 1000);
}

最佳答案

它的工作原理是这样的:

var hash = window.location.hash;
var link = $("[href='"+ hash +"']");
if ( hash == "" ) {
$('html, body').animate({
scrollTop: $(".content").offset().top
}, 1000);
}

http://jsfiddle.net/utbeuebw/2/

出于以下几个原因,我删除了此内容:if(window.location.hash) {:

1 - if block 的右括号丢失

2 - 检查空字符串是否具有 bool 值是没有意义的

3 - 您已经在此处检查过:if ( hash == "")

关于javascript - 加载到滚动的 div 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27493044/

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