我正在设置一个右侧有矢量沙发的页面,鼠标悬停时会滑出。我的目标是将我的内容放在沙发左侧滑动到页面左侧。
我是否需要将我的元素设置为绝对然后滑块?我可能会使用animate()移动沙发来调整正确的css属性。
默认情况下会向左滑动吗?
关于这一点的任何想法,我知道如何做一些事情来滑出它,但不知道如何让内容滑到页面的左边。
示例HTML结构:http://pastie.org/458876
新代码:
$(document).ready(function() {
$('#slidemarginleft button').click(function() {
var $marginLefty = $(this).next();
$marginLefty.animate({
marginLeft: parseInt($marginLefty.css('marginLeft'),10) == 0 ?
$marginLefty.outerWidth() :
0
});
});
});
假设我使用上面的代码将沙发从左向右移动
答案 0 :(得分:1)
是的,使元素从页面滑落的唯一方法是使用固定和/或绝对定位(仅仅使元素大于页面)。
我不确定“它”是否会落到左边的页面,因为我不确定容器是如何设置的。我敢肯定,如果你要举一个HTML看起来像什么的例子,很多人都会愿意做出更好的猜测。 (使用jsbin.com是设置示例的好地方)