anchor href无法正常显示

时间:2015-09-07 15:47:48

标签: javascript jquery html

我正在尝试从当前页面/contact.html导航到另一个带有锚标记的网页部分。我在这里遇到的问题是结果视图不对应于容器的开头。在线搜索时,我怀疑这是因为网站组件是动态加载的,并且没有固定的图像滑块高度。

尽管如此,我还没有找到解决这个问题的方法。希望有人能在这个问题上帮助我。

注意:如果在index.html页面本身使用锚标记,则锚标记的效果非常好。

有关代码参考和更好的插图,请参阅以下链接。这正是我面临的问题。

<a href="http://themehats.com/themes/jango/onepage-4.html#features">Click here</a>
<a href="http://themehats.com/themes/jango/onepage-4.html#clients">Click here</a>
<a href="http://themehats.com/themes/jango/onepage-4.html#pricing">Click here</a>

1 个答案:

答案 0 :(得分:0)

正如您在评论中所说,您的标题上有一个固定的位置,因此您需要在struct base : std::enable_shared_from_this<base> { virtual std::shared_ptr<base> bar() = 0; }; struct foo1 : base { /* ... */ }; struct foo2 : base { std::shared_ptr<base> bar() { auto obj = shared_from_this(); if(some_condition) obj = std::make_shared<foo1>(); // ... return obj; } }; std::shared_ptr<base> x = std::make_shared<foo2>(); x=x->bar(); 中计算标题高度。

如果你有jQuery:

JS

对于在URL中使用锚点的onload:

$('a').on('click' function(){
    var $link = $(location.href);
    var position = $link.offset().top - $('#header').height()
    $(window.animate({scrollTop: position},{duration: 500})
});