文章/答案/技术大牛

发布

社区首页 >问答首页 >iscroll / iscrollview自定义滚动条

问iscroll / iscrollview自定义滚动条
EN

Stack Overflow用户

提问于 2012-12-28 22:59:58

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

我读了文档，试图理解演示，但仍然没有自定义滚动条。

基本上，我从iScroll-自定义滚动条复制了演示代码：

HTML

<div class="demo-page" data-role="page" id="test-page">

  <div data-role="header">
<h1>Header</h1>
  </div><!-- /header -->

  <div data-iscroll="" data-role="content" id="wrapper">

    <div class="iscroll-pulldown"></div><!--iScroll-Pulldown-->

    <ul data-role="listview" id="thelist">
        <li>Item 1 culpa aut nam qui</li>
        <li>Item 2 minima quam temporibus quidem</li>
        <li>Item 3 commodi sint facilis numquam</li>
    </ul>
 </div><!--wrapper-->
 </div><!--page-->

脚本

<script type="text/javascript">
var myScroll;
myScroll = new iScroll('wrapper', { scrollbarClass: 'myScrollbar' });
</script>

实际上是一个类属性，应该添加到滚动条的div中，但它不是.

当我试图把屏幕上的横条挤死后，我发现，当屏幕的高度非常小时，类就会被添加，当屏幕再次变大时，类就会消失。对watch...drives来说很有趣疯狂的:D

jquery-mobile

scrollbar

customization

iscroll4

iscroll

回答 1

Stack Overflow用户

发布于 2013-03-20 00:17:28

看起来您正在不正确地初始化iscrollview。

试一试这个

<div class="demo-page" data-role="page" id="test-page">

  <div data-role="header">
<h1>Header</h1>
  </div><!-- /header -->

  <div data-role="content" data-iscroll='{"scrollbarClass": "myScrollbar"}'>

    <div class="iscroll-pulldown"></div><!--iScroll-Pulldown-->

    <ul data-role="listview" id="thelist">
        <li>Item 1 culpa aut nam qui</li>
        <li>Item 2 minima quam temporibus quidem</li>
        <li>Item 3 commodi sint facilis numquam</li>
    </ul>
 </div><!--wrapper-->
 </div><!--page-->

现在，将代码丢弃在脚本标记中，这是不必要的。

使用iscrollview的全部目的是不需要在javascript中做任何事情。只需将数据-iscroll属性包含到div中，就可以设置一个简单的iscroller。如果您想要添加更多自定义的iscroll特性，请在data-iscroll=后面的引号中包含它。

您也不需要指定包装器元素，因为iscrollview插件将自动为您创建一个。

票数 1

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

原文链接：

https://stackoverflow.com/questions/14076856

复制

相似问题

问iscroll / iscrollview自定义滚动条
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iscroll / iscrollview自定义滚动条EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iscroll / iscrollview自定义滚动条
EN