如何使用jQuery添加特定于链接的水平和垂直滚动动画？

我把这个脚本放在：

它工作正常，可以上下滚动主导航

div

s等。但是我希望服务部分中的

div

s可以左右滚动。我还想在公文包部分添加一个滑块，但上面的代码优先于任何附加代码，因为它应用于所有

标记。如何仅将其指定给主导航

ul

---

提前感谢

假设您具有以下结构，并且只希望将函数应用于“foo”链接。其他的都不动

<div id="mainnav">
  <ul>
    <li>
      <a href="#">foo</a>
    </li>
    <li>
      <a href="http://www.example.com">foo2</a>
    </li>
  </ul>
  <ul>
    <li>
      <a href="#">foo3</a>
    </li>
  </ul>
  <a href="#">foobar</a>
</div>

碎裂

$("#mainnav > ul:first")
//give me the element with id mainnav and then the first ul child element of it

.find("a[href*=#]")
//find all link elements in this ul which have href set to #

.css('color','red');
//and set their color to red

---

将选择器从“[href*=#]”更改为“ul.mainnav[href*=#]”

---

在使用jQuery时，最重要的一点可能是如何编写只提供所需元素的选择器。我只能推荐阅读罚款（但也推荐其他内容）。

我不确定我是否完全理解您的问题，但如果您正在寻找仅在某个元素中查找链接的方法，您可以扩展选择器：

// Assuming your mainnav ul has id="mainnav"
$('ul#mainnav [href*=#]').each(...);

不过，如果你问我的话，这只是暂时的解决办法。迟早您可能会希望将效果应用于其他元素。您可以为要对其产生效果的元素添加

class

属性：

<a href="#" class="scroll-effect">...</a>

// Assuming your mainnav ul has id="mainnav"
$('ul#mainnav [href*=#]').each(...);

<a href="#" class="scroll-effect">...</a>

$('.scroll-effect').each(...);