从其他页面导航时,jquery滚动到命名锚
我有一个子菜单,可以在我的站点的所有页面上展开。子菜单包含指向父菜单项链接到的一个页面中的命名锚的链接。我正在使用jquery scrollTO和localScroll成功地为带有命名锚点的页面内的滚动设置动画,但如果我从站点内的不同页面导航到命名锚点,则不会保留动画滚动或指定的顶部偏移。有办法做到这一点吗 我非常感谢任何反馈!! 塞西莉亚 下面是我正在使用的html的一个示例。我在左边有一个固定的菜单和一个固定的标题。现在,当您单击子菜单中的锚点链接并从窗口顶部以活动的命名锚点150px停止时,这将设置动画,以便它不会消失在固定标题下 如果可能的话,我希望在从其他页面之一导航时让窗口滚动到命名的锚,但最重要的是,我必须保留距顶部150px的偏移量。现在它从顶部停止0px,并在单击另一页的锚链接时消失在标题下方从其他页面导航时,jquery滚动到命名锚,jquery,scroll,anchor,scrollto,Jquery,Scroll,Anchor,Scrollto,我有一个子菜单,可以在我的站点的所有页面上展开。子菜单包含指向父菜单项链接到的一个页面中的命名锚的链接。我正在使用jquery scrollTO和localScroll成功地为带有命名锚点的页面内的滚动设置动画,但如果我从站点内的不同页面导航到命名锚点,则不会保留动画滚动或指定的顶部偏移。有办法做到这一点吗 我非常感谢任何反馈!! 塞西莉亚 下面是我正在使用的html的一个示例。我在左边有一个固定的菜单和一个固定的标题。现在,当您单击子菜单中的锚点链接并从窗口顶部以活动的命名锚点150px停止时
<head>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
<script type="text/javascript" >
$.localScroll({offset:-150});
</script>
</head>
<body>
<div id="page">
<div id="header-bg"><!-- fixed header -->
<div id="header">
<div id="logo"><a href="/" title="Home" rel="home"><img src="logo.jpg" alt="Home" id="logo-image" /></a></div>
</div>
</div>
<div id="main">
<div id="sidebar-left"><!-- fixed menu -->
<ul class="menu">
<li class="expanded"><a href="/page1" title="Page 1" class="active">Page 1</a><!-- parent -->
<ul class="menu"><!-- sub-menu linking to named anchors -->
<li><a href="/page1#anchor1">Anchor-link 1</a></li>
<li><a href="/page1#anchor2">Anchor-link 2</a></li>
<li><a href="/page1#anchor3">Anchor-link 3</a></li>
<li><a href="/page1#anchor4">Anchor-link 4</a></li>
<li><a href="/page1#anchor5">Anchor-link 5</a></li>
</ul>
</li>
<li><a href="/page2">Page 2</a></li>
<li><a href="/page3">Page 3</a></li>
<li><a href="/page4">Page 4</a></li>
</ul>
</div> <!-- /#sidebar-left -->
<div id="content">
<div class="chapter">
<a name="anchor1" id="anchor1"></a><!-- named-anchor -->
<h3>Sub-heading</h3>
<p>Lots of text</p>
</div>
<div class="chapter">
<a name="anchor2" id="anchor2"></a><!-- named-anchor -->
<h3>Sub-heading</h3>
<p>Lots of text</p>
</div>
<div class="chapter">
<a name="anchor3" id="anchor3"></a><!-- named-anchor -->
<h3>Sub-heading</h3>
<p>Lots of text</p>
</div>
<div class="chapter">
<a name="anchor4" id="anchor4"></a><!-- named-anchor -->
<h3>Sub-heading</h3>
<p>Lots of text</p>
</div>
<div class="chapter">
<a name="anchor5" id="anchor5"></a><!-- named-anchor -->
<h3>Sub-heading</h3>
<p>Lots of text</p>
</div>
</div> <!-- /#content -->
</div> <!-- /#main -->
</div> <!-- /#page --></body>
$.localScroll({offset:-150});
副标题
大量文本
副标题
大量文本
副标题
大量文本
副标题
大量文本
副标题
大量文本
如果只在单击时应用动画,它肯定不会保持动画加载
至于保持到命名锚点的实际偏移量,它当然应该在默认情况下进行onload。如果在具有滚动功能的标准页面上转到someurl.com#someNamedLink
,默认情况下,它会将您带到该命名锚的顶部,无需JS
现在,如果没有看到任何代码,就不可能知道您是如何实现它的。帧,溢出的div?谁知道呢
请给出您的示例代码,以便我们确定发生了什么
乍一看,听起来您希望在页面和onload中保持状态。看看国家控制。它允许您轻松捕获名为href(#someNamedLink)的onload,并在右锚上执行动画。另外,后退按钮的支持还为您带来了额外的好处,因此您可以在任何地方设置动画(我个人认为这种行为很烦人,但这是您的特权)您可以发布代码吗?我实际上重新阅读了jquery插件的文档,并意识到我跳过了一步。添加$.localScroll.hash()成功了。谢谢你的回复!我将继续研究jquery.bbq。