Question

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

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

点击来电时：

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

我试图在页面底部放置一个页脚div，所以想要将结束位置移到'bottom：0px'。我已经看到可以将一个额外的element.style添加到本地CSS但没有'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()功能，您可以阅读它的工作原理here。

此外，如果您想要为某些潜水设置动画，您可以使用jquery .animate()函数（docs）。

在你的情况下它应该是：

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

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

更改element.style在jQuery动画div的完成位置

2 个答案: