Question

我已经多次使用过此插头，我要么非常愚蠢，要么因为我无法让它起作用。我有3个div，我想在另一个div（容器div）中滚动。

这里是“无功能设置”的链接，而代码是......

$(document).ready(function() {
    $("#sc").click(function() {
    $('#main_hold').scrollTo('#m1');
    });
    $("#ac").click(function() {
        $('#main_hold').scrollTo('#m2');
    });
    $("#cc").click(function() {
        $('#main_hold').scrollTo('#m3');
    });
});

和HTML *注意空格是没有文字的间距......

<body>
  <div id="container">
    <header>
<div id = "navigation">
<ul>
<li><a href="javascript:;" id = "sc">Services</a></li>
<li><a href="javascript:;" id = "ac">About</a></li>
<li><a href="javascript:;" id = "cc">Contact</a></li>
</ul>
</div>
    </header>
<div id = "main_hold" role="main">
<div id = "m1" class = "mhold">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div id = "m2" class = "mhold">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div id = "m3" class = "mhold">
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div style="clear:both"></div>
</div>

    <footer>

    </footer>
  </div>
</body>

Answer 1

您的main_hold div是否已使用规则overflow: scroll;应用了CSS样式？如果没有，您可能想要滚动窗口：

 $.scrollTo('#m1');

看看这个jsfiddle：http://jsfiddle.net/Czkan/

scrollTo Jquery不起作用，我错过了什么？

1 个答案: