Question

我的网站上有一个错误，我正在制作一个仪表板，我正在使用左导航类型和中间内容。这个bug真的很烦我，因为我无法解决它。

左侧导航使用滚动，内容窗口使用scoll，如果我在左侧导航活动源上方滚动，滚动条最终会偏离位置，我真的想解决这个问题。

The link to my website where you can see the bug

HTML CODE

<ul id="NS-02">
        <li><div class="avatar-small"></div></li>
        <li><div class="avatar-small"></div></li>
        <li><div class="avatar-small"></div></li>
        <li><div class="avatar-small"></div></li>
        <li><div class="avatar-small"></div></li>
        <li><div class="avatar-small"></div></li>
        <li><div class="avatar-small"></div></li>
</ul>

CSS代码

div.activity-feed {
    background-color: #35383f;
    width: 290px;
    height: 315px;
    position: absolute;
    bottom: 50px;
}
div.activity-header {
    font-size: 7pt;
    font-weight: 700;
    color: #969696;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0 0 0;
}
ul {
    width: 240px;
    height: 240px;
}
ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

Answer 1

首先，你在代码中犯了很多错误。

<link/>标签应使用/>关闭。
<meta>代码应位于<html>
<html xmlns="http://www.w3.org/1999/xhtml xml:lang="sv" lang="sv">
缺少引号。
您应该为所有浏览器comaptibilty使用一些重置css文件示例http://meyerweb.com/eric/tools/css/reset/

这是为您创建的示例，不完全是您的代码，因为它有严重的缺陷，不值得更改它EXAMPLE

在使用我的私人意见的插件之前，您应该学习基本知识。

编辑：

示例已更改，在左侧和右侧内容上添加带有活动供稿框的leftColumn，其中包含jquery高度和宽度（左列 - 窗口宽度）我想你最快的创作方式。

和平

西蒙

NiceScroll多个卷轴

1 个答案: