我设法创建滚动以在测试网页上生效。起初我有
(function($) {
$(document).ready(function() {
$('html, body').animate({
'scrollTop': $('#static').offset().top
}, 1500);
});
})(jQuery);
每个页面都顺利地打开那个锚“静态”。因为标题在页面上很大..所以在索引页面旁边,每个导航链接都会将标题下拉到锚点。这很完美。但后来我决定制作一些子菜单项......但由于我使用,它们无法工作
<script type="text/javascript">
$(document).ready(function(e){
var str= location.hash;
var n=str.replace("_temp","");
$('html,body').animate({scrollTop:$(n).offset().top}, 500);
});
为此。这个脚本可以向下滚动到不同页面上名为“#something”的锚点,并且仍然可以平滑地向下滚动。我发现两个脚本都在StackOwerflow上搜索。 问题是,当我使用这两个时,只有第一个工作。它们是相似的,所以问题就在于此。有没有办法使它们都有效。如果首先使用锚“静态”,如果不使用秒?
由于
答案 0 :(得分:0)
怎么样
$(document).ready(function(e){
var str= location.hash;
var n=str.replace("_temp","");
if(n != "static") {
$('html,body').animate({scrollTop:$(n).offset().top}, 500);
} else {
$('html, body').animate({ 'scrollTop': $('#static').offset().top}, 1500);
}
});