Question

我之前做过这个，现在因某种原因它没有用。

首先，我的header 100px footer 50px和div与calc(100% - 150px)之间有一个页面。

在使用jquery load()的div中，我使用以下内容加载了一些新文件：

<div class="this">
    <div class="serviceP">
        <div class="imgS" style="background: url('./img/logo.png'); background-size: 100% 100%;"></div>
        <div class="descriptionS">sasa</div>
    </div>
    <div class="serviceP">
        <div class="descriptionS" id="sese">sasa</div>
        <div class="imgS" style="background: url('./img/logo.png'); background-size: 100% 100%;"></div>
    </div>
    <div class="serviceP" id="sasa">
        <div class="imgS" style="background: url('./img/logo.png'); background-size: 100% 100%;"></div>
        <div class="descriptionS">LALALLALALLAA</div>
    </div>
</div>

.this{
    padding-left: 160px; 
    padding-right: 160px;
    width: calc(100% - 320px);
    height: auto;
}
.serviceP{
    width: 100%;
    height: 300px;
    float: left;
    margin-bottom: 20px;
}
.imgS{
    width: 50%;
    float: left;
    height: 100%;
    margin-bottom: 20px;
}
.descriptionS{
    width: 50%;
    float: left;
    height: 100%;
}

$(document).ready(function(){
    var elementPos = $('#sese').offset();
    alert(elementPos.top);
    $("html body").animate({scrollTop: elementPos.top + 'px'}); 
});

如果我使用position()，如果我使用= 0;，我会得到结果offset()我得不到#sasa我得到120的正确位置#sese 170但在这两个元素的顶部之间必须至少有320px by css code ...

是因为它之前在div中加载了吗？

更新：

似乎我在网页浏览器缓存方面存在一些问题，即使我重新安装它们，也很少重新加载或重新打开后显示最新代码。

通过jquery获取div的位置不起作用

0 个答案: