[记录] nicescroll 在bootstrap tabs中工作

Operlapping Nicescroll scrolbars in Bootstrap tabs

因为我的tab是指定id的

<!-- Nav tabs -->
                        <ul class="nav nav-tabs" id="vtTab" role="tablist">
                            <li role="presentation" class="active"><a href="#aero" aria-controls="aero" role="tab" data-toggle="tab">Test1</a></li>
                            <li role="presentation"><a href="#musc" aria-controls="musc" role="tab" data-toggle="tab">Test2</a></li>
                            <li role="presentation"><a href="#daily" aria-controls="daily" role="tab" data-toggle="tab">Test3</a></li>
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="aero">
                                <div id="aero_content"></div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="musc">
                                <div id="musc_content"></div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="daily">
                                <div id="daily_content"></div>
                            </div>
                        </div>

JS:

    //滚动条
    $("#aero,#musc,#daily").niceScroll({
        touchbehavior:false,
        cursorwidth:6,
        cursorborder:"0px",
        cursorborderradius:"15px",
        background:"rgba(255,255,255,0)",
        autohidemode:"true"
    });  // hw acceleration enabled when using wrapper
 1   $(‘#vtTab a‘).click(function (e) {
 2         e.preventDefault()
 3         $(this).tab(‘show‘);
 4         //切换滚动条
 5         $("#aero,#musc,#daily").getNiceScroll().hide();
 6         switch (index){
 7             case 0:
 8                 $("#aero").getNiceScroll().show();
 9                 break;
10             case 1:
11                 $("#musc").getNiceScroll().show();
12                 break;
13             case 2:
14                 $("#daily").getNiceScroll().show();
15                 break;
16         }
17
18     })
时间: 2024-10-27 01:19:30

[记录] nicescroll 在bootstrap tabs中工作的相关文章

在多个环境中工作

在多个环境中工作 原文: Working with Multiple Environments作者: Steve Smith翻译: 刘浩杨校对: 孟帅洋(书缘) ASP.NET Core 介绍了支持在多个环境中管理应用程序行为的改进,如开发(development),预演(staging)和生产(production).环境变量用来指示应用程序正在运行的环境,允许应用程序适当地配置. 章节: 开发,预演,生产 在运行时确定环境 启动约定 概要 附加资源 查看或下载示例代码 开发,预演,生产 AS

将datagrid中数据导出到excel中 -------&lt;&lt;工作日志2014-6-6&gt;&gt;

1.下载log4j jar包,放入lib目录, 导入项目中   下载地址 http://logging.apache.org/ 2.创建log4j.properties 文件  目录 Src  下面是一个 log4j.properties的例子(注:来源于网上,非本人所写) ################################################################################ # 其语法:log4j.rootLogger = [ leve

在Bootstrap开发框架中使用dataTable直接录入表格行数据(2)--- 控件数据源绑定

在前面随笔<在Bootstrap开发框架中使用dataTable直接录入表格行数据>中介绍了在Web页面中使用Jquery DataTable插件进行对数据直接录入操作,这种处理能够给用户提供较好的数据录入体验,本篇继续上篇的内容,继续介绍这个直接录入的处理操作,主要涉及到控件的初始化和数据源的绑定等操作内容,随着对这个处理的深入了解,我发现可以控制的内容也更加丰富,能够更好的实现各种所需的效果. 1.直接录入数据的界面分析 在之前介绍的数据直接录入处理的时候,界面效果如下所示. 上面的界面处

项目记录:spring+springmvc 项目中 @Transactional 失效的解决方法

第一步,修改spring的配置文件和springmvc的配置文件 --------------------------------applicationContext.xml <context:annotation-config/>  <context:component-scan base-package="com.xxx"> <context:exclude-filter type="annotation" expression=&

点滴记录——在Ubuntu 14.04中使SublimeText 3支持中文输入法

在Ubuntu 14.04中安装了SublimeText 3之后发现既然不支持输入中文,于是在网上搜罗一下,发现很多人遇到了同样的问题,但是解决办法大该就只有一个.下面根据自身的安装及解决办法总结如下: 1. SublimeText 3的安装 安装方式有多种,本文所描述的是从官方网站上下载64位的.deb文件 ,具体为http://c758482.r82.cf2.rackcdn.com/sublime-text_build-3059_amd64.deb文件,下载后双击即会自动使用默认的安装软件安

【记录】T-SQL 分组排序中取出最新数据

原文:[记录]T-SQL 分组排序中取出最新数据 示例 Product 表结构: 示例 Product 表数据: 想要的效果是,以 GroupName 字段分组,取出分组中通过 Sort 降序最新的数据,通过示例数据,可以推算出结果数据的 ID 应该为:7.5.3. 示例 SQL 代码: select * from Product p where ID=(select top 1 ID from Product where p.GroupName=GroupName order by Sort

如何自定义TFS中工作项的字段20141010

如何自定义TFS中工作项的字段 我们以VS2013为例,TFS也是2013版本的: 1. 安装小插件 需要安装Visual Studio Team Foundation Server 2013 Power Tools这个插件 2. 打开VS2013 3.点击[工具]--[Work Item Type]--[Process Editor] 4.选择TFS服务器和团队项目集合 5.选择项目下要自定字段的工作项类型 6. 7. 8.我们可以给字段设置规则,比如是下拉值,默认值,是否必填等 9. 10.

使用Bootstrap.css 中IE下页面加载过慢问题

问题描述: Web中引入bootstrap.css中头部有访问Google服务器的请求 @import url("//fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700"); 国内访问不稳定,页面反应慢 解决:将请求结果保存下来,放到本地,重新声明请求 1.请求http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,4

使用Log4Net将系统日志信息记录到记事本和数据库中

一.使用Log4Net将日志记录到记事本中步骤 1,将log4net.dll文件添加到项目引用中 2,写日志记录器类如下: /// <summary> /// 日志记录器 /// </summary> public class LogWriter { /// <summary> /// 记录调试信息 /// </summary> /// <param name="message"></param> public s