从右向左切换
从右向左切换
提问于 2014-09-03 20:53:25
使用AlloyUI Toggler，可以从右向左切换div，而不是标准的down->up？我已经检查了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
});回答 1
Stack Overflow用户
回答已采纳
发布于 2014-09-06 16:19:55
要让Toggler水平切换，您需要做3件事：
- 将
float: left;应用于所有Toggler元素，使Toggler成为水平。 - 将
animated: true,更改为： 动画：{ to：{ right：'300px‘}， 注意：，您可能需要调整像素的确切数目。 - 将
Toggler更改为TogglerDelegate。
下面是一个JSFiddle，它将所有这些与原始代码结合在一起。
有关如何修改动画的更多详细信息，请参阅YUI Anim和Easing类。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/25653452
复制相关文章
相似问题
腾讯云开发者
