是否有一個js函數可以向上或向下滾動網站？

我想知道是否有人知道是否有一個JavaScript或東西，滾動一個網站左右上下點擊。是否有一個js函數可以向上或向下滾動網站？

例如，我想創建一個網站與多個div。看下面的照片。

enter image description here

我希望每個格到適合屏幕和DIV 1是主要的div的起點。假設我在傳記的菜單中有一個鏈接，並且傳記的內容是在div 4中，並且有人點擊了傳記，我希望網站下移到div 3，然後移到div 4，同樣的事情發生在div 4和所有的divs。當有人點擊div中的鏈接時，我希望網站按照我指定的方向滾動，這是否可能。

左右向上向下

來源

2012-08-16 Mihad Aiko

是的，他們是：

來源

2012-08-16 06:36:56 Starx

使用jQuery，您可以動畫body的scrollTop值向上滾動，並down：

$("html,body").animate({ 
    scrollTop: $("#bio").offset().top 
}, 1000);

上面的代碼將滾動到與#bio的id的元素。

在橫向滾動方面，我猜你可以使用一個小技巧。將主體的overflow-x設置爲hidden以隱藏溢出到瀏覽器視口右側的任何內容。然後你可以調整margin-left的body以「滾動」向右或向左。但是，當然，這會消除用戶滾動瀏覽所有div的能力。

$("body").animate({ 
    marginLeft: "-100%" 
}, 1000);

來源

2012-08-16 06:37:23 Purag

你可以使用jQuery動畫功能，它會給你更多的控制

$('#div').animate({ 
    left: '+=50' 
    }, 5000, function() { 
    // Animation complete. 
    });

閱讀更多 -

來源

2012-08-16 06:40:11 Buzz

jQuery的動畫功能纔是正道。

在這裏，你可以找到關於如何使用它的一個簡單而明確的教程：http://gazpo.com/2012/03/horizontal-content-scroll/

本教程僅適用於水平滾動，但你可以很容易地擴展到滾動在兩個方向上的頁面（垂直和水平同時）。

來源

2012-08-16 06:44:50

是否有一個js函數可以向上或向下滾動網站？

回答

相關問題