雙div在同一地點

-3

我正在更新我的網站到這樣的事情：axelboberg.se/en/beta_web而在接觸滑下來我也想要一個關於我的div。（當我點擊關於我時，「滑下div」將滑下並顯示關於我的部分。當我點擊聯繫人時，聯繫人部分將顯示...）我怎樣才能做到這一點？我是一個初學者，當涉及到編碼，並希望這可以用一個簡單的代碼行解決...雙div在同一地點

- 更新 - 謝謝，但我的意思是從頂部進入div的內部，和只顯示關於或在當時聯繫...像minimalmokey沒有... http://minimalmonkey.com

我想在「slidenav」div的兩個平行div。它太多的代碼後，看到該網站，而不是源代碼..

來源

2013-08-16 Axel B

「希望這可以用簡單的代碼行來解決......」可能不是 – Callombert

@metareviewr我反對！我想我已經在一行中解決了（或多或少）。 – user1477388

@ user1477388不要鼓勵他！ – Callombert

我想你指的平滑滾動效果。使用jQuery，這裏是我的示例代碼

DEMO http://jsfiddle.net/kevinPHPkevin/NmrbP/13/

$(document).ready(function(){ 
    $('a[href^="#"]').on('click',function (e) { 
     e.preventDefault(); 

     var target = this.hash, 
     $target = $(target); 

     $('html, body').stop().animate({ 
      'scrollTop': $target.offset().top 
     }, 900, 'swing', function() { 
      window.location.hash = target; 
     }); 
    }); 
});

編輯

您可以hide和show使用jQuery

DEMO http://jsfiddle.net/kevinPHPkevin/raS55/

$('.About').click(function(){ 
    $('#About').show(); 
    $('#Contact').hide(); 
}) 
$('.Contact').click(function(){ 
    $('#Contact').show(); 
    $('#About').hide(); 
})

來源

2013-08-16 17:24:38 Vector

謝謝，但我想要在同一個地方的兩個div，但一次只顯示其中一個，另一個當我點擊按鈕顯示時。 –

我編輯了我的回答 – Vector

謝謝！這正是我所期待的！但是，我可以做一些淡化嗎？對不起，因爲糟糕的英語...... –

當我點擊關於我的「滑下格」將會下滑，並顯示關於我的部分。當我點擊聯繫人的聯繫人部分將顯示...）我怎麼能做到這一點，我是一個初學者，當涉及到編碼，並希望這可以用一個簡單的代碼行解決...

其實，這可以用一個簡單的代碼行來完成！

更改您的「關於我」連結此：

<a href="#AboutMe">About Me</a>

而且，創建一個div這樣的：

<div id="AboutMe">This is about me!</div>

當你點擊鏈接時，瀏覽器會滾動到AboutMe div 。

的jsfiddle：http://jsfiddle.net/NmrbP/11/

來源

2013-08-16 17:06:30 user1477388

我試圖撥弄它..它不適合我..看看它。 [小提琴]（http://jsfiddle.net/venkateshwar/NmrbP/10/）。 –

@Mr_Green看我的編輯。我將'name'改爲'id'。我記得它是'id'，但我查看資源，它說它是'name'。顯然，'ID'是一個使用，但。 – user1477388

雙div在同一地點

回答

相關問題