javascript - 将绝对div向左滑动120％，向左-10px

我想在单击按钮时将绝对div左120％滑到-10px。

这就是我尝试过的。但这是行不通的。

jQuery的

$('.button').click(function() {
    $(this).parent().find('#window').css('left', '-120%');
    $(this).css('left', '-10px');
});

的HTML

<div id="main-container">
    <div class="popular-item">
        <div class="text"></div>
        <div class="button">
            ENTER
        </div>
    </div>
    <div id="window"></div>
</div>

的CSS

html body div#main-container div#window {
    position: absolute;
    float: none;
    clear: both;
    display: block;
    overflow: hidden;
    top: 0;
    left: -120%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: rgba(167,157,157,1);
    background-color: #377bc2;
    border-left: 10px solid #2173AD;
    z-index: 10;
}

html body div#main-container {
    position: relative;
    float: none;
    clear: both;
    display: block;
    overflow: hidden;
    max-width: 600px;
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 0;
    background-color: rgba(167,157,157,0.1);
    z-index: 1;
}

最佳答案

这将满足您的要求，尽管我认为结果并没有达到您的期望：

$( '.button' ).click( function() {
    $( '#window' ).css( 'left', '-10px' );
} );

JSFiddle：https://jsfiddle.net/w4fmbn09/

关于javascript - 将绝对div向左滑动120％，向左-10px，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34376249/