zzyy
zzyy
  • 发布:2017-04-11 09:34
  • 更新:2017-08-10 11:49
  • 阅读:2904

顶部选项卡-可左右拖动(webview)

分类:HTML5+


共有六个选项卡,当前页面只显示5个,滑动子页面到底6个时,怎么才能让第6 个选项卡自动移动到页面可见

2017-04-11 09:34 负责人:无 分享
已邀请:

最佳回复

Trust

Trust - 少说废话

将onChange中的代码做部分调整即可。

var c = document.querySelector(".mui-control-item.mui-active");  
if(c) {  
    c.classList.remove("mui-active");  
}  
var target = document.querySelector(".mui-scroll .mui-control-item:nth-child(" + (parseInt(obj.index) + 1) + ")");  
target.classList.add("mui-active");  
if(target.scrollIntoView) {  
    target.scrollIntoView();  
}

关于scrollIntoView,参考相关api。Element.scrollIntoView()

感谢反馈,后面我们会补充上的。

  • 陈小仙

    好使好使

    2017-08-10 11:50

  • 4***@qq.com

    滑动子页面到最后一个之后,当再滑动导航的时候,有bug:导航回不到第一个,貌似是if(target.scrollIntoView) {

    target.scrollIntoView();

    }他的问题,怎么解决???

    2017-08-14 18:11

zzyy

zzyy (作者)

这个问题困扰好久了,求解

zzyy

zzyy (作者)

有没有人知道啊

wen如故i

wen如故i

有bug的,没人解决

陈小仙

陈小仙

好使好使,神奇

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容