0

ボタンをその位置に固定したいのですが、実際にはボタンの位置がわかりません。つまり、ボタンを配置したページを作成しました（つまり、ボタンの高さや幅を固定しませんでした）。ページ内のどこにでもそのボタンが作成され、スクロールしてもその位置は固定されたままになりたいです。

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

この送信ボタンがどこに表示されるかわかりませんが、作成された場所に配置する必要があります。

現在、このコードを使用して3つのボタンを固定として作成していますが、それらの左側のプロパティは、それらを自動的にオーバーラップさせています。

$('#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を使用しています

4

2 に答える 2

3

以下にcssを追加するだけです...jqueryでdivをページの固定位置に配置する必要はありません。

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

お役に立てれば

于 2012-05-11T06:58:05.157 に答える
1

これを試して：

$(document).ready(function(){
    $('#yourButtonId').css({
        position: 'fixed',
        top: $('#yourButtonId').position().top,
        left: $('#yourButtonId').position().left
    });
});
于 2012-05-11T07:03:49.477 に答える