jQuery:按相对值移动元素

Fux*_*uxi 10 jquery element move css-position

(意思是元素左值):移动元素的最简单方法是什么 - 例如.向左10px(从当前位置)?

谢谢

dev*_*ett 8

这是一个使用jQuery的简单示例:

$("#el").css({
    left: $("#el").position().left - 10 + "px"
});
Run Code Online (Sandbox Code Playgroud)

注意:要移动的元素必须绝对或相对定位.

  • 或$("#el").css('left',' - = 10px') (4认同)

Lio*_*hen 6

假设你的元素有id'myElement':

$('#myElement').css(
{
  'position': 'relative',
  'left': '-10px'
});
Run Code Online (Sandbox Code Playgroud)


Mar*_*and 5

可能是jQuery过度杀戮并且设置margin-left:-10px可以解决问题.

您可以获取相对于文档的元素的offset():http://docs.jquery.com/CSS/offset

那会给你左,上等等.

然后你可能必须使用css来定位元素.

 subMenu.css({
            position: 'absolute',
            zIndex: 5000,
            left: left,
            top: top
        });
Run Code Online (Sandbox Code Playgroud)


blo*_*ero 5

从 1.6 开始,您可以使用相对值,css()因此您可以使用它:

$('#myElement).css( "left", "+=15" );
Run Code Online (Sandbox Code Playgroud)

只要元素已经有一个定义的值left并且是绝对定位的。

参考:http : //api.jquery.com/css/