Question

我试图在没有任何动画的情况下在特定点加载内容div。

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);
}

Answer 1

它的工作原理如下：

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块的右括号

2 - 检查空字符串是否具有布尔值

是没有意义的

3 - 您已在此处查看：if ( hash == "" )

加载滚动div

1 个答案: