文章/答案/技术大牛

发布

社区首页 >问答首页 >NiceScroll多卷

问NiceScroll多卷
EN

Stack Overflow用户

提问于 2013-12-01 22:34:02

回答 1查看 1.4K关注 0票数 0

我在我的网站上有一个bug，我正在制作一个仪表板，我使用左导航类型和一个中间内容。这个窃听器真叫我烦，因为我不能修好它。

左边的导航使用滚动，而内容窗口使用的是责骂，如果我在左侧导航活动提要上滚动，滚动条就会离开位置，我真的想修复这个问题。

链接到我的网站，在那里你可以看到错误。

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

Stack Overflow用户

回答已采纳

发布于 2013-12-01 23:34:35

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

<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高度和宽度(左列窗口宽度)的内容，这是我想要为您创建的最快的方式。

和平，

西蒙

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20318129

复制

相似问题

问NiceScroll多卷
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问NiceScroll多卷EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问NiceScroll多卷
EN