Question

当我点击.trigger时，我希望位于{left: '0'}的对象向左移动以匹配相同的像素，无论浏览器窗口的像素宽度是多少。有人可以帮我解决这个问题。这是我到目前为止合作的内容，我无法弄清楚else.. {left: 'pixel width of browser window'}

之后需要的功能

$(document).ready(function() {
    // Prompt
    $('.trigger').live('click', toggleName);

    function toggleName() {
        if ($("#some-id").attr('data-state') == 'open') $("#some-id").animate({
            left: '0'
        }, 500, 'easeOutExpo', function() {
            $(this).attr('data-state', 'close')
        }), ;
        else $("#some-id").animate({
            left: 'pixel width of browser window'
        }, 500, 'easeOutExpo', function() {
            $(this).attr('data-state', 'open')
        }), ;
        return false;
    }
});

Answer 1

使用width功能获取窗口的宽度：

 else $("#some-id").animate({
        left: $(window).width()
 }, ...

这会将div移到右边，让它离开窗口（取决于你的css）。

如果你想让div坚持到右边，你最好使用right: 0代替。

如何为对象设置动画以匹配与窗口宽度相同的像素宽度

1 个答案: