Question

我遇到了一些与jQuery和html / css相关的问题。

我一直在做一个侧滚动div，包含几个div，其中链接指的是一个“较小”的div（它们的入口应该是动画的）。

我在互联网上找到了类似于我想要的东西： http://jsfiddle.net/NGL8P/21/ 区别在于我想要一个按钮链接到一个特殊div（但动画应该基本相同）。

这是我到目前为止所做的版本： http://jsfiddle.net/jkUzF/2/

每个项目符号都应链接到其中一个div。有15个按钮，但我现在只做了5个div。五个div位于彼此之后（由于溢出而无法看到它们：隐藏）。

我的主容器（包含可见的所有内容）被称为：#mainsection looong div（应该向前和向后移动）被称为：#wrap 那些应该有15个的div被称为：.container

编辑1： 有人认为这是理解我想要的东西，所以我会尽量让它更清楚：

网站上有15个圆形按钮。它们中的每一个都应链接到一个特定的DIV（目前包含一些lorem ipsum）。这些DIV中的每一个都是相互排列的，但除非你改变溢出滚动，否则你看不到它们。当我按下按钮时，我希望他们从侧面进来。例如，当我按下“项目1”下的第3个按钮时，我希望包含lorem ipsum的第三个div从侧面进入。当我按下第一个按钮时，我希望第一个Div从另一侧进入。一切都应该是动画的，当我“跳过”div（从第1跳到第3）时，我希望那些我跳过的（在这种情况下，nr 2）只是快速“流动”。那更好吗？

Answer 1

$("a.circle").click(function(e) {
     e.preventDefault();
     var pos = $('a.circle').index(this);
     var newleft= -510 * pos;
     $("#wrap").animate({"left": newleft +"px"}, "slow");
});

Answer 2

我不知道发生了什么事，但有人必须在今晚的梦中跟我说话，因为当我醒来时，我就像是：“我必须尝试！”

我的问题的答案是使用此代码：

$("#button").click(function() {
    $('#shit_that_moves').animate({left:"-510px"}, 500);
});

链接显示特定的div，侧面有动画入口（在父级内）

2 个答案: