更改jQuery动画div的最终位置上的element.style

Question

我正在使用相册jQuery插件（超大）。 它包含一个缩略图托盘，只需按一下按钮即可从屏幕底部向上滑动，从而在div属性和firebug css'element.style中创建以下HTML。 属性：

style="display: block; bottom: -150px;"

当呼叫者单击时：

style="display: block; bottom: 0px;"

我正在尝试在页面底部放置页脚div，因此要将结束位置移至“ bottom：0px”。 我已经看到可以向本地CSS添加一个额外的element.style，但是没有“ before”和“ after”类型的选择，我不知道这是否对我有帮助。 此外，我在JS文件中找不到该函数，据我了解，无论如何也无法访问该函数。 我需要将其更改为：

style="display: block; bottom: -150px;"

当呼叫者单击时：

style="display: block; bottom: 42px;"

任何建议都将受到欢迎。 谢谢

Answer 1

$('#clickedElement').on('click', function() {    
    $('#element').css('bottom', '42px')
});

如果我没有误会你？

Answer 2

可能找不到的函数是jquery .css()函数，您可以在此处了解其功能。

另外，如果您想对潜水进行动画处理，则可以使用jquery .animate()函数（ docs ）。

在您的情况下，它应类似于：

$('#button').click(function() {
    $('#element').animate({
        $('#element').css('bottom', '42px');
    }, 5000, function() {
    });
});

以毫秒为单位的动画时间为5000 。