2014-10-27 31 views
0

當容器有overflow:hidden且頁面中的URL爲ID時,我遇到一個奇怪的問題。內容移到頂部,不可見。當我在底部添加填充和負邊距時會發生此問題。我已經做到了這一點,以便擁有相同的結果。在URL中隱藏溢出和ID。內容未顯示,跳轉頂部

這是演示。點擊鏈接,你會看到內容是如何移動到頂部而不是可分離的。 http://jsfiddle.net/6etu9ywc/1/

我該如何預防? JS解決方案是可以接受的,如果只使用CSS是不可能的。

+1

請在問題上添加相關的代碼......我沒有看到任何問題,小提琴只有兩個鏈接,沒有任何反應。澄清你的觀點。 – DaniP 2014-10-27 16:16:02

+0

你的小提琴沒有錯。所有div都可見。 – azhpo 2014-10-27 16:16:53

+0

我不知道你是否看到瀏覽器特定的問題?小提琴看起來不錯,除非所需的結果不正確。 – lharby 2014-10-27 16:17:37

回答

0

好吧,我想根據你的問題你需要停止與錨點相關的正常行爲。

我做了一個更新我已經提到jQuery的,如果我有時間,我會創造一個純粹的JS解決方案的小提琴http://jsfiddle.net/6etu9ywc/2/

這將停止對正常點擊刷新頁面

代碼如下所示:

$(document).ready(function(){ 
    $('.column a').click(function(){ 
     return false; 
    }); 
}); 

我想這是你所追求的,做不到這一點,當然你可以有鏈接去參考同一頁面,但小提琴需要更新,取決於您的要求。希望這可以幫助。