jQuery MiniUI

标题: tabs如何在切换的时候自动到顶部 [打印本页]

作者: python 时间: 2014-5-21 14:47:37 标题: tabs如何在切换的时候自动到顶部

tabs如何在切换的时候自动到顶部tabs如何在切换的时候自动到顶部tabs如何在切换的时候自动到顶部

作者: felt 时间: 2014-5-21 15:01:51

你的tab里面是什么，写死的，还是url加载的别的页面

作者: python 时间: 2014-5-21 15:15:02

felt 发表于 2014-5-21 15:01
你的tab里面是什么，写死的，还是url加载的别的页面

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

作者: felt 时间: 2014-5-21 15:36:46

python 发表于 2014-5-21 15:15
在tab里写死的，每次tab切换都是在激活前tab的位置，看着迷惑，想屏幕在新tab顶部 ...

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

作者: python 时间: 2014-5-21 15:47:05

felt 发表于 2014-5-21 15:36
做个例子打包上来，高级模式可以打包

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

作者: felt 时间: 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")
}
这样试试

作者: python 时间: 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>

作者: felt 时间: 2014-5-21 17:00:55

python 发表于 2014-5-21 16:48
监听不到这个事件，可能是什么原因

....

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

作者: python 时间: 2014-5-21 17:02:37

python 发表于 2014-5-21 16:48
监听不到这个事件，可能是什么原因

....

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

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)