jQuery MiniUI

 找回密码
 立即注册
查看: 2898|回复: 8
打印 上一主题 下一主题

tabs如何在切换的时候自动到顶部 [复制链接]

Rank: 3Rank: 3

跳转到指定楼层
楼主
发表于 2014-5-21 14:47:37 |只看该作者 |倒序浏览
tabs如何在切换的时候自动到顶部tabs如何在切换的时候自动到顶部tabs如何在切换的时候自动到顶部

Rank: 8Rank: 8

沙发
发表于 2014-5-21 15:01:51 |只看该作者
你的tab里面是什么,写死的,还是url加载的别的页面

Rank: 3Rank: 3

板凳
发表于 2014-5-21 15:15:02 |只看该作者
felt 发表于 2014-5-21 15:01
你的tab里面是什么,写死的,还是url加载的别的页面

在tab里写死的,每次tab切换都是在激活前tab的位置,看着迷惑,想屏幕在新tab顶部

Rank: 8Rank: 8

地板
发表于 2014-5-21 15:36:46 |只看该作者
python 发表于 2014-5-21 15:15
在tab里写死的,每次tab切换都是在激活前tab的位置,看着迷惑,想屏幕在新tab顶部 ...

做个例子打包上来,高级模式可以打包

Rank: 3Rank: 3

5#
发表于 2014-5-21 15:47:05 |只看该作者
felt 发表于 2014-5-21 15:36
做个例子打包上来,高级模式可以打包

就是mini-tabs里面的每个tab里的内容有好几个屏幕,我在每个tab的最下面加一个到下一个tab的按钮,点击之后活动下一个tab,但是激活后的tab屏幕显示还是这个tab底部的内容,我想要直接显示顶部的内容

Rank: 8Rank: 8

6#
发表于 2014-5-21 15:59:08 |只看该作者
python 发表于 2014-5-21 15:47
就是mini-tabs里面的每个tab里的内容有好几个屏幕,我在每个tab的最下面加一个到下一个tab的按钮,点击之 ...

监听onactivechanged事件
function onActiveChanged(e){
   var tabs=e.sender;
   var tab=e.tab;
   var el=tabs.getTabBodyEl(tab)
   $(el).scrollTop("0px")
}
这样试试

Rank: 3Rank: 3

7#
发表于 2014-5-21 16:48:26 |只看该作者
felt 发表于 2014-5-21 15:59
监听onactivechanged事件
function onActiveChanged(e){
   var tabs=e.sender;

监听不到这个事件,可能是什么原因
<div class="dd-survey-body mini-tabs" id="tab" onactivechanged="onActiveChanged">
....
</div>
<script>
        function onActiveChanged(e) {
            var tabs = e.sender;
            var tab = e.tab;
            var el = tabs.getTabBodyEl(tab)
            $(el).scrollTop("0px")
        }
    </script>

Rank: 8Rank: 8

8#
发表于 2014-5-21 17:00:55 |只看该作者
python 发表于 2014-5-21 16:48
监听不到这个事件,可能是什么原因

....

onactivechanged="alert(1)"切换的时候触发不触发
class="dd-survey-body  这个去掉呢

Rank: 3Rank: 3

9#
发表于 2014-5-21 17:02:37 |只看该作者
python 发表于 2014-5-21 16:48
监听不到这个事件,可能是什么原因

....

解决了,用jquery 动画到tab位置就行了

Archiver|普加软件

GMT+8, 2025-1-16 01:57 , Processed in 1.042056 second(s), 9 queries .

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部