html中的固定按鈕

我想要一個按鈕被固定在它的位置，但事實是我不知道按鈕的位置，我的意思是我創建了一個頁面，我放置了一個按鈕（即我沒有修正它的高度或寬度），我想要在頁面中創建按鈕的位置，滾動其位置仍然是固定的。html中的固定按鈕

<table width='100%' border='1'> 
    <tr><td><input type='submit' value='LogOut'></td></tr> 
</table>

現在我不知道這個提交按鈕會顯示，但我想它應該是在創建它的地方。

現在我正在使用此代碼製作三個固定的按鈕，但它們的左側屬性爲auto使它們彼此重疊。

$('#headerHome,#headerAccount,#btnSignOut').button().each(function(){ 
    alert(''+$(this).css('left')); 
    //$(this).css({ 
    // 'position' : 'fixed', 
    // 'top': "'"+ $(this).css('top') +"'", 
    // 'left': "'"+ ($(this).css('left')-100) +"'", 
    // 'z-index' : '100' 
    //}); 
});

請說明一下。謝謝提前。

PS。我正在使用JQuery

來源

2012-05-11 Ankur Verma

試試這個：

$(document).ready(function(){ 
    $('#yourButtonId').css({ 
     position: 'fixed', 
     top: $('#yourButtonId').position().top, 
     left: $('#yourButtonId').position().left 
    }); 
});

來源

2012-05-11 07:03:49 davids

感謝@davids，這就是我要尋找的代碼，但在這裏發生的事情是$（ '＃yourButtonId'）的位置。（）.top在窗口的基礎上返回頂部，我的按鈕是在div裏面有什麼方法來獲取按鈕相對於div的位置。 –

根據Jquery API，'position'方法檢索元素相對於其父級偏移量（http://api.jquery.com/position/）的座標。還有另一種獲得座標尊重文檔的方法，它是'偏移'（http://api.jquery.com/offset/） – davids

非常感謝它爲我工作+1 –

只需添加下面的CSS ...無需去jquery將div放在頁面上的固定位置。

table input[type=submit] 
{ 
position:fixed; 
top:150px; 
}

希望這有助於

來源

2012-05-11 06:58:05

html中的固定按鈕

回答

相關問題