官方有没有仿网易滑动菜单滚动导航的例子？

分类：MUI

mui

官方提供了滚动选项卡导航，但是如果选项卡数量超过3个呢，我这边选项卡导航还是动态的，

所以官方能给个选项卡那一栏是可以滚动的么？就像网易新闻客户端那样的滑动导航

2014-11-26 10:10 负责人:无分享

23 个回复

飞上青天 (作者)

就想着一种，网上找了好久，但都是原生实现的，html好像没有

wc1217

我也要做一个,但发现行不能,因为安卓下用div布局的话太卡,用webview布局很难实现两个webview同步滚动,这也就是侧滑菜单没法全局没法滑动的原因.
少年,放弃吧!
或者你可以尝试用原生的实现,在activity里放webview

amyshan

我这里有，谁需要

尘往风中吹

求分享

2015-01-04 16:19
hrj

求分享

2015-01-05 08:46
lulu_

求分享

2016-05-17 09:56
h***@163.com

求分享。。。

2016-05-24 11:33
舞城

分享一下

2016-06-27 15:41
lemongranule

求分享

2016-09-17 17:32

bxh201

啊啊啊。我也想要这个。强烈建议加到mui的基本示例中。

黑咕隆咚小Gee

我也需要

这个人很懒

简单搞了一个, 可以参考一下:
<div class="mui-content">
<div id="slider" class="mui-slider">
<div class="mui-slider-group">

<div class="mui-slider-item">
<div class="mui-segmented-control">
<a class="mui-btn mui-control-item mui-active">按钮1</a>
<a class="mui-btn mui-control-item">按钮2</a>
<a class="mui-btn mui-control-item">按钮3</a>
<a class="mui-btn mui-control-item">按钮4</a>
</div>
</div>

<div class="mui-slider-item">
<div class="mui-segmented-control">
<a class="mui-btn mui-control-item">按钮11</a>
<a class="mui-btn mui-control-item">按钮12</a>
<a class="mui-btn mui-control-item">按钮13</a>
<a class="mui-btn mui-control-item">按钮14</a>
</div>
</div>

<div class="mui-slider-item">
<div class="mui-segmented-control">
<a class="mui-btn mui-control-item">按钮21</a>
<a class="mui-btn mui-control-item">按钮22</a>
<a class="mui-btn mui-control-item">按钮23</a>
<a class="mui-btn mui-control-item">按钮24</a>
</div>
</div>
</div>
</div>
</div>

飞上青天 (作者)

这不就是示例么？要能实现我还来提问题?仔细看一下问题

2014-11-28 11:34
这个人很懒

回复飞上青天:就是示例稍微改了一下, 你可以试试效果啊

2014-11-28 13:04
飞上青天 (作者)

你这是取小聪明，这个不行的，到第二个轮播时如果滑动内容就回不到第一页了

2014-11-28 16:03

hrj

这么炫酷的效果，哪里可以找到

飞上青天 (作者)

官方有没有看到这个问题？求答复啊

尘往风中吹

这个也是挺需要的，在示例里面有个指尖东楚的应用里面有吗，不过下了那个app，发现不是，在百度的GMU里面有这个列子,不过需要点击才能有滑动的效果,不能滑动页面切换导航栏，是挺需要那个效果的。http://download.csdn.net/detail/hylqqcsd/6840301#comment csdn里面这个列子效果挺好的，用的是多个div切换，用到了swiper.js zepto.js scroll.js，不知道会不会有冲突，如果不行的话，还是用Jingle ui好了