1

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

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

指向我的网站的链接，您可以在其中看到错误

代码

<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;
}
4

1 回答 1

1

首先，您在代码中有很多错误。

  • <link/>因为标签应该用/>.

  • <meta>标签应该在部分<html>

  • <html xmlns="http://www.w3.org/1999/xhtml xml:lang="sv" lang="sv">
    缺少引号。

  • 您应该为所有浏览器兼容使用一些重置 css 文件，例如http://meyerweb.com/eric/tools/css/reset/

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

在使用插件之前，您应该学习基础知识，这是我的个人意见。

编辑：

示例已更改，在左侧添加带有活动提要框的 leftColumn，在右侧内容上添加 jquery 高度和宽度（左列 - 窗口宽度），这是我猜想为您创建的最快方法。

和平，

西蒙

于 2013-12-01T23:34:35.813 回答