在 jquery 工具中设置默认锚点可滚动答案

【问题标题】：Setting default anchor in jquery tools scrollable在 jquery 工具中设置默认锚点可滚动
【发布时间】：2012-03-05 19:20:24
【问题描述】：

我正在使用可滚动的 jquery 工具创建一个具有全景背景的 3 页网站（每个背景代表一个页面）。我需要主页显示为默认值。我当前的订单是项目、家庭和联系人，项目默认显示。我曾尝试使用 index.html#home 但它不起作用。我正在使用水平滚动。

我的导航菜单是

<li><a href="#projects">Projects</a></li>
<li><a href="#home">Home</a></li>
<li><a href="#contact">Contact</a></li>

我的页面代码是：

<div id="browsable" class="scrollable"> 
<div class="projects"> ... </div>
<div class="home"> ... </div>
<div class="contact"> ... </div>

这个位是我的滚动

$("#browsable").scrollable().navigator();

【问题讨论】：

jQuery Tools 被开发者忽视了近 2 年。上一个版本只是修复了一些与较新版本的 jQuery 不兼容的问题。根据开发人员的说法，下一个版本（已经承诺了好几个月）将使您当前的代码完全过时。对于任何新项目，我强烈推荐一个更流行、最新且兼容的 jQuery 插件。
我的错误应该是#projects、#home和#contact

【解决方案1】：

通过href-"#projects" 定义链接是错误的。为此目的使用等于 (=) 符号。

<li><a href="#projects">Projects</a></li>
<li><a href="#home">Home</a></li>
<li><a href="#contact">Contact</a></li>

您的index.html#home 现在应该可以使用了。

【讨论】：