2009-04-26 65 views
0

我正在設置一個頁面,右側有一個向量沙發,鼠標懸停時它會滑出。我的目標是讓我的內容在沙發左側滑到頁面左側。推送內容關閉頁面

我需要將我的元素設置爲絕對,然後滑過?我可能會使用animate()將沙發移出調整正確的CSS屬性。

默認情況下會向左滑動?

對此的任何想法,我知道如何做一些事情將其滑出,但不知道如何使內容滑動到頁面的左側。

例HTML結構:http://pastie.org/458876

NEW CODE:

$(document).ready(function() { 
    $('#slidemarginleft button').click(function() { 
var $marginLefty = $(this).next(); 
$marginLefty.animate({ 
    marginLeft: parseInt($marginLefty.css('marginLeft'),10) == 0 ? 
    $marginLefty.outerWidth() : 
    0 
}); 
    }); 
}); 

說我使用上面這個代碼來移動治療牀從左到右

回答

1

是,爲了使元件滑離的唯一方式該頁面使用固定和/或絕對定位(除了簡單地使元素大於頁面之外)。

我不確定是否「it」會掉到左邊,因爲我不確定容器是如何設置的。我敢肯定,如果你要舉出HTML的樣子,許多人會願意做出更好的猜測。 (使用jsbin.com是一個很好的地方來設置示例)

+0

這就是我在想什麼,但我將如何使它與左側的動畫相吻合?當我有我的懸停效果時,是否需要手動將我的內容向左和向右滑動? – Coughlin 2009-04-26 18:51:53