NiceScroll 多个滚动

NiceScroll multiple scrolls

提问人:Samuel Masih 提问时间:12/2/2013 更新时间:12/2/2013 访问量:1428

问:

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

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

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

HTML 代码

<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;
}
jquery html css google-chrome nicescroll

评论


答:

1赞 Szymon 12/2/2013 #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 高度和宽度(左列 - 窗口宽度) 我猜是为你的愿望创造的最快方式。

和平

西蒙