Question

Am trying to build a site that is a horizontal scrolling website. When I click a hash(#) link it should scroll to that part.

我可以做很多工作,但我只是想这样做,这样,如果我点击一个环节,它只会把一个囚室隔开。展示你的好例子如下:。

它对左边被点击的人有什么关系,只能把一个囚室而不是3个或4个。

感谢你们的帮助,

Pad

Answer 1

对我来说,它喜欢每点击通过AJAX装载内容。因此,可能发生的情况是,在目前内容四分五裂之前或之后添加一个内容,然后逐渐达到这一目的。

传真

<div id="container">
    <div id="current">... content...</div>
</div>

Java

$( id ).click(function() {
    // ... get content via ajax

    var cur = document.getElementById( current );
    var prev = document.createElement( div );

    prev.inner传真 =  content ;
    prev.marginLeft =  -600px ; // or whatever width is needed        

    $(prev).insertBefore($(cur)).animate({ margin-left :  0 }, 2000);
    $(cur).attr( id ,   ).remove;
    $(prev).attr( id ,  current );

    $(cur).remove();
});

这支手只剩下雕刻,但很难加以修改,以便你能够根据链接指数,以两种方式发展。

掌握的主要概念是人力部的操纵。如果你想要开车,就在目前要素之前插入一个要素,从负差到0。如果你想放弃权利,在目前要素之后插入一个要素,并在现要素后插入一个要素:现要素,从0到负值。确保你在把屏幕移出后删除这些内容,以节省记忆,而且你们都应被搁置。

友情链接