我正在尝试从当前页面/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>
答案 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})
});