Question

我想要一个带有overflow：hidden属性的div，以便能够平滑我正在处理的页面上的锚点之间的滚动。我尝试了一些jquery选项，但似乎都没有。我不确定这是否因为div被设置为溢出：隐藏或者指向锚点的链接在所述div之外。

这是我希望平滑滚动的div的css：

.container {
    height:400px;
    width: 800px;
    margin: 20px auto;
    background: #FFF;
    overflow:hidden;

并且链接当前放在标题中，如下所示：

<div class="header">
  <ul>
    <li><a href="#aboutme"> <IMG class="header" src="Thumbs/about-me.gif" /></a></li>

    <li><a href="#education"> <IMG class="header" src="Thumbs/education.gif" /></a></li>
    <li><IMG class="headertitle" src="Thumbs/title.jpg" height="150" /></li>
    <li><a href="#employment" > <IMG class="header" src="Thumbs/employment.gif" /></a></li>
    <li><a href="#otherskills" > <IMG class="header" src="Thumbs/other-skills.gif" /></a></li>
  </ul>
</div>

最后，这里是.container div的内容：

<div class="container">
  <span id="aboutme"></span>
  <div class="aboutme">
    about me
  </div>

  <span id="education"></span>
  <div class="education">
    education
  </div>

  <span id="employment"></span>
  <div class="employment">
    employment
  </div>

  <span id="otherskills"></span>
  <div class="otherskills">
    other skills
  </div>

我尝试过实现this和其他平滑滚动技术，但是当我这样做时，没有平滑的滚动。对不起，如果不清楚，如果我的编码完全混乱，但任何帮助都是积极的。

谢谢，约翰

div溢出内的平滑滚动：隐藏

0 个答案: