使用AlloyUI Toggler
,是否可以将div从右切换到左,而不是标准的down-> up?我已经检查过Toggler
API,但找不到任何切换direction
。
这是我当前的Toggler
代码:
new Y.Toggler({
animated : true,
closeAllOnExpand : true,
container : '#mySearchForm',
content : '.content',
expanded : false,
header : '.header',
transition : {
duration : 0.2,
easing : 'cubic-bezier(0, 0.1, 0, 1)'
}//always toggles from the bottom->up
});
要使Toggler
水平切换,您需要做3件事:
float: left;
所有Toggler
元素以使其成为Toggler
水平。更改animated: true,
为:
animated: {
to: { right : '300px' }
},
注意:您可能需要调整确切的像素数。
Toggler
为TogglerDelegate
。这是一个JSFiddle,所有这些都与原始代码放在一起。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句