将内容推送到页面外答案

【问题标题】：Push content off page将内容推送到页面外
【发布时间】：2009-04-26 18:44:43
【问题描述】：

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

我是否需要将我的元素设置为绝对才能让滑块滑过？我可能会使用 animate() 将沙发移出调整正确的 css 属性。

默认会向左滑动吗？

对此有任何想法，我知道如何将其滑出，但不确定如何使内容滑到页面左侧。

新代码：

$(document).ready(function() {
  $('#slidemarginleft button').click(function() {
 var $marginLefty = $(this).next();
 $marginLefty.animate({
   marginLeft: parseInt($marginLefty.css('marginLeft'),10) == 0 ?
  $marginLefty.outerWidth() :
  0
 });
  });
});

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

【问题讨论】：

标签： jquery css

【解决方案1】：

是的，使元素滑出页面的唯一方法是使用固定和/或绝对定位（除了简单地使元素大于页面）。

我不确定“它”是否会落在页面的左侧，因为我不确定容器是如何设置的。我敢肯定，如果您要举一个 HTML 外观的示例，很多人会愿意做出更好的猜测。（使用 jsbin.com 是设置示例的好地方）

【讨论】：

这就是我的想法，但我如何让它与左边的动画相吻合？当我有悬停效果时，我是否需要手动向左和向右滑动我的内容？
让我为你们举一个简单的例子
刚刚在我原来的问题中添加了一个例子
一开始沙发也离开页面了吗？
是的，大约有 80% 的折扣，您只会看到沙发的左侧。