JQUERY - 滾動網站

這裏是我的挑戰 -JQUERY - 滾動網站

我有一個網站http://www.jodsn.com - 在主頁上有2個按鈕[查看我的工作]和[查看我的技能。

當您單擊每個按鈕時，我想滑出默認頁面並在工作頁面或技能頁面中滑動。

我不認爲Arial Flesler的.ScrollTo將工作，因爲這似乎是針對已加載在頁面上的元素。如果我錯了，請糾正我。

我將如何在JQUERY中完成此任務？

來源

2011-04-02 Jon

爲什麼不把絕對位置放在頂部： - （div的高度）;然後使用scrollTo。

然後使用jquery在任何你想要的錨點加載頁面。

來源

2011-04-02 01:45:54 PHP

我將加載不同的背景到身體以及每頁的很多og圖形。我不希望一次性加載所有這些。但是，如果這是唯一的方式，那麼... – Jon 2011-04-02 01:50:33

您可以在$(document).ready(function(){...});函數中使用jQuery的滾動函數。

編輯：如果我理解正確的話，你想擁有通過AJAX加載和動畫顯示的東西，隱約的運作就像一個標籤式界面，與每個選項卡

$(document).ready(function() 
{ 
    //Place .scrollTo code here. 
});

來源

2011-04-02 01:47:11 Francisc

你能舉個例子嗎？我非常擅長css/html，並且只在JQUERY一個月。 – Jon 2011-04-02 01:51:16

我編輯了答案。這個想法是，你應該在作爲參數傳遞給ready方法的函數中使用DOM相關函數。這基本上意味着「在DOM加載後執行此代碼」（所有標記，不一定是圖像等）。 – Francisc 2011-04-02 02:00:39

-1

。

你當然可以用像jqueryui這樣的插件做一些簡單的事情，但對於符合你網站風格的東西，我會完全自定義。從這開始加載內容，然後用它做點什麼：

$.ajax('Skills.aspx', { 
    dataType: 'html' 
    success: function(data){ 

    $('#container') // something to hold your content 
     .slideUp(400, function(){ // hide existing content 
     $(this).empty() // and remove it 
     .append(data) // append new content 
     .slideDown(); // and show it 
     }); 

    } 
});

再次，這只是爲了讓你開始。如果內容是輕量級的，您可以從服務器加載所有內容，並完全跳過AJAX的內容。

來源

2011-04-02 01:51:24

我會試試這個大小。我沒有與.ajax一起工作太多，但我會做一些Google搜索來排除故障。我很快就會收到一些結果。（： – Jon 2011-04-02 01:57:00

我想繞過我的大腦，我想你會留下一些細節，我想將它應用到我的default.aspx上的[查看我的作品]按鈕當你點擊它時，我想滑動把頁面放在左邊，並在右邊的work.aspx頁面中滑動，它們都是asp.net子頁面，我需要抓取所有的內容，以便在服務器上正確渲染......也許你會看到更多顯然，但我無法掌握你的解決方案，知道如何應用它......大聲笑。 – Jon 2011-04-02 02:36:47

JQUERY - 滾動網站

回答

相關問題