perfect-scrollbar示例

<!DOCTYPE html>
<html>
<head>
  <title>perfect-scrollbar - www.97zzw.com -97站长网</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <link href="css/perfect-scrollbar.css" rel="stylesheet">
  <style>
    #Demo {position:relative;margin:0px auto;padding:0px;width:600px;height:400px;overflow:hidden;}
    #Demo .content {background:#666;width:1280px;height:720px;padding:10px;color:#fff}
  </style>
</head>
<body>
  <div id=‘Demo‘>
    <div class=‘content‘>
      武汉国光劳保用品厂是一家生产和加工劳保产品性质的劳动密集型企业,位于素有“劳保用品之乡”之称的武汉市蔡甸区。企业始创于2001年,直至今日,已经有十多年的发展历史了。企业成立初期,主要      以生产和加工劳保用帆布手套为主,在生产经营过程中,取得了良好的经济效益,并积累了十分丰富的劳保行业经验。随着数年的发展,企业的生产规模与投资方向都不断的扩展,目前,已成为一家兼有帆      布纺织与劳保用品生产加工的一体化企业,产品涉及劳保手套、披风帽、帆布围腰、工作服等各个方面,拥有纺织、裁剪等各类员工50余名,仅帆布手套的年产量就达到200万双以上。产品不仅占据了省内      及邻近省份的市场份额,更远销河北,青海,新疆等地。
    </div>
  </div>
  <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
  <script src="js/perfect-scrollbar.with-mousewheel.min.js"></script>
  <script>
    $(function() {
      $(‘#Demo‘).perfectScrollbar();
    });
  </script>
</body>
</html>

  

时间: 2024-12-05 18:26:55

perfect-scrollbar示例的相关文章

Perfect ScrollBar插件使用方法

一.Perfect ScrollBar功能描述 Perfect ScrollBar能够描绘出异乎寻常的页面UI描绘.如果你希望能够设计出与众不同的页面UI设计的话,Perfect ScrollBar可能就是你寻找的解决方案,一个简略可是十分棒的滚动条描绘插件. Perfect ScrollBar下载 二.Perfect ScrollBar主要特性: • 不需要修改任何的元素的css • 滚动条不影响最初的页面布局设计 • 滚动条支持完整的自定义 • 滚动条的尺寸和位置会随着容器尺寸或者内容的变化

potree的第三方库

d3: https://github.com/d3/d3 ,D3.js是一个基于数据操作文档的JavaScript库.D3可以帮助您使用HTML,SVG和CSS将数据带入生活.D3对Web标准的强调为您提供了现代浏览器的全部功能,而无需将自己与专有框架相结合,将强大的可视化组件和数据驱动的DOM操作方法相结合. D3允许您将任意数据绑定到文档对象模型(DOM),然后将数据驱动的转换应用于文档.例如,您可以使用D3从数组中生成HTML表.或者,使用相同的数据创建具有平滑过渡和交互的交互式SVG条形

JQuery和javascript优秀插件收集

JQuery插件库: http://plugins.jquery.com/ 有趣的时钟: http://ynif.v099.10000net.cn/demo/shijian/3/shijian/index.html 别人收集信息8个实用的页面布局和用户界面jQuery插件http://blog.ui90.com/eight-practical-jquery-plugin-page-layout-and-user-interface.html15款最好的 jQuery 网格布局插件(Grid Pl

cocos2dx之自定义控件ScrollBar的设计

**************************************************************************** 时间:2015-01-13 作者:Sharing_Li 转载出处:http://blog.csdn.net/sharing_li/article/details/42685321 **************************************************************************** 我们在使用c

Erlang基础 -- 介绍 -- Wordcount示例演示

在前两个blog中,已经说了Erlang的历史.应用场景.特点,这次主要演示一个Wordcount的示例,就是给定一个文本文件,统计这个文本文件中的单词以及该单词出现的次数. 今天和群友们讨论了一个问题,突然一下子就上升到哲学角度上了,装逼装大发了. PS:图片中有错别字,%s/财务和其他9个月/财务和其他9个人/g 不过真心想说的一点是,把Erlang系统,映射到现实中,很多奇葩问题,就能迎刃而解了.所以,在下面的简要设计中,我就尽可能的代入一下现实世界吧. 环境安装 mac 的话,用brew

qt qml scrollbar 移动APP风格的滚动轴

依附于Flickable组件的滚动轴    自动放置在恰当位置    拖动时显示,不动时消失Lisence: MIT 请保留此声明Author: surfsky.cnblogs.com 2014-12 [先看效果] [下载] http://download.csdn.net/detail/surfsky/8426563 [核心代码] 1 ScrollBar { 2 id: root 3 opacity: 0 4 orientation: Qt.Vertical 5 6 // 绑定到Flickab

leetcode笔记:Perfect Squares

一. 题目描述 Given a positive integer n, find the least number of perfect square numbers (for example, 1, 4, 9, 16, ...) which sum to n. For example, given n = 12, return 3 because 12 = 4 + 4 + 4; given n = 13, return 2 because 13 = 4 + 9. 二. 题目分析 该题目的大意是

背水一战 Windows 10 (46) - 控件(ScrollViewer 基础): ScrollViewer, ScrollBar, ScrollContentPresenter

[源码下载] 作者:webabcd 介绍背水一战 Windows 10 之 控件(ScrollViewer 基础) ScrollViewer ScrollBar ScrollContentPresenter 示例1.ScrollViewer 的基本应用Controls/ScrollViewerDemo/ScrollViewerDemo.xaml <Page x:Class="Windows10.Controls.ScrollViewerDemo.ScrollViewerDemo"

ScrollBar 滚动条的样式

下面是一个简单的示例 1 <ControlTemplate x:Key="ScrollBackground" TargetType="RepeatButton"> 2 <Border Background="Transparent"/> 3 </ControlTemplate> 4 5 <Style x:Key="ScrollThumbStyle" TargetType="T

WPF 自定义滚动条(ScrollView、ScrollBar)样式

一.滚动条基本样式 本次修改Scrollview及ScrollBar滚动条样式是通过纯样式实现的.修改的内容包含滚动条的颜色,上下按钮的隐藏.另外添加了鼠标经过滚动条动画. style样式如下: <!-- ScrollViewer 滚动条 --> <Style x:Key="ScrollBarThumb" TargetType="{x:Type Thumb}"> <Setter Property="OverridesDefau