如何在jquery中用css方法设置位置?

时间:2017-06-23 14:56:07

标签: javascript jquery html css

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

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

当我想要执行以下操作时,它确实将位置更改为固定,但它不会对底部和右侧值做出反应。

$(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'});
}

});

为什么会发生这种情况的任何建议?提前谢谢。

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:1)

它的

 'bottom': '661px',
  'right': '140px'