0

我希望将按钮固定在其位置，但事实是我不知道按钮的位置，我的意思是我创建了一个放置按钮的页面（即我没有固定其高度或宽度），什么我希望在页面中创建该按钮的任何位置，在滚动时其位置保持固定。

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

现在我不知道这个提交按钮将显示在哪里，但我希望它应该在创建它的地方。

现在我正在使用此代码将三个按钮设置为固定，但它们的左侧属性是自动使它们相互重叠。

$('#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

just add the css below... no need to go for jquery to place the div on a fixed position on a page.

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

hope this helps

于 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 回答