html锚点 div,从顶部开始的绝对DIV 300px的HTML锚点问题..？

你可以用

jquery来做.

首先,您需要在您的< head>中包含jquery库.你已经没有了.

在上面你需要以下的JavaScript

$(function(){

$('a[href*=#]').click(function() {

if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')

&& location.hostname == this.hostname) {

var $target = $(this.hash);

$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');

if ($target.length) {

var targetOffset = $target.offset().top - 300;

$('html,body').animate({scrollTop: targetOffset}, 10);

return false;

}

}

});

});

上面脚本中的以下行控制偏移量,或从顶部开始的“边距”.

var targetOffset = $target.offset().top - 300;

您还可以通过增加此行的值来使滚动平滑.

$('html,body').animate({scrollTop: targetOffset}, 10);

尝试用它替换它.

$('html,body').animate({scrollTop: targetOffset}, 1000);