javascript - 如何在 jquery 中使用 css 方法设置位置？

Question

.csw-step4-price-summary div 的默认值是

.csw-step4-price-summary {
    width: 270px;
    position: absolute;
    display: inline-block;
    bottom: 661px;
    right: 40px;
}

当我想执行以下操作时，它确实将位置更改为固定，但它不会对 bottom 和 right 值使用react。

$(document).scroll(function () {
var y = $(this).scrollTop();

if (y > 220) {
    $(".csw-step4-price-summary").css({
        'position': 'fixed',
        'bottom': '661',
        'right': '140'
    });

} else {
    $(".csw-step4-price-summary").css({ 'position': 'absolute'});
}

});

对于为什么会发生这种情况有什么建议吗？提前致谢。

Answer 1

尝试在 css 函数的单位中使用 'px'

$(".csw-step4-price-summary").css({
    'position': 'fixed',
        'bottom': '661px',
        'right': '140px'
    });