将内容推送到页面

时间:2009-04-26 18:44:43

标签: jquery css

我正在设置一个右侧有矢量沙发的页面,鼠标悬停时会滑出。我的目标是将我的内容放在沙发左侧滑动到页面左侧。

我是否需要将我的元素设置为绝对然后滑块?我可能会使用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
 });
  });
});

假设我使用上面的代码将沙发从左向右移动

1 个答案:

答案 0 :(得分:1)

是的,使元素从页面滑落的唯一方法是使用固定和/或绝对定位(仅仅使元素大于页面)。

我不确定“它”是否会落到左边的页面,因为我不确定容器是如何设置的。我敢肯定,如果你要举一个HTML看起来像什么的例子,很多人都会愿意做出更好的猜测。 (使用jsbin.com是设置示例的好地方)