我想让浏览器将页面滚动到给定的锚点,只需使用JavaScript即可.
我在HTML代码中指定了一个name或id属性:
<a name="anchorName">..</a>
要么
<h1 id="anchorName2">..</h1>
我希望通过导航获得与您相同的效果http://server.com/path#anchorName.应滚动页面,使锚点靠近页面可见部分的顶部.
所以我有一个页面,侧面有一个固定的链接栏.我想滚动到不同的div.基本上这个页面只是一个很长的网站,在那里我想使用菜单框滚动到不同的div.
这是我到目前为止的jquery
$(document).ready(function() {
$('#contactlink').click = function() {
$(document).scrollTo('#contact');
}
});
问题是它在加载时自动转到联系人div,然后当我按下#contactlink菜单时它会滚动回到顶部.
编辑:HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- jQuery-->
<script src = "<?php echo base_url() ?>assets/js/jquery.js"></script>
<!-- .js file-->
<script src = "<?php echo base_url() ?>assets/js/pagetwo.js"></script>
<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/css/reset.css" />
<!-- .css for page -->
<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>assets/css/pagetwo.css"/>
<!-- page title-->
<title><!-- Insert Title --></title>
</head>
<body>
<div id="container">
<div id="sidebar">
<ul>
<li><a id = "aboutlink" href="#">auck</a></li>
<li><a id …我正在创建一个FAQ页面,并在顶部有按钮跳转到一个类别(它跳转到p我用作类别标签的标签,例如<p id="general">我的常规类别).我不想直接跳到类别,而是想添加滚动效果.我想要像http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm那样滚动到我页面的所需部分.该链接是一个脚本,它以一个很好的滚动效果进入页面顶部.我需要类似的东西滚动到我链接的地方.例如,如果我想要一个misc.类别,我希望能够拥有<a href="#misc">Miscellaneous</a>并滚动到页面的该部分.