Question

我想在这里实现的是水平滚动显示卡片，因为进一步，我将通过jquery推送卡片。同样，将鼠标悬停在容器区域之后，我想自动滚动。我该怎么实现？

AnyAsync()

    <html>
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <title>repl.it</title>
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
        <link href="style.css" rel="stylesheet" type="text/css" />
      </head>
      <body>
        <div class="container"> 

            <div class="col-3">
                <div class="card card-block">Card</div>
            </div>
            <div class="col-3">
                <div class="card card-block">Card</div>
            </div>
            <div class="col-3">
                <div class="card card-block">Card</div>
            </div>
            <div class="col-3">
                <div class="card card-block">Card</div>
            </div>
            <div class="col-3">
                <div class="card card-block">Card</div>
            </div>
            <div class="col-3">
                <div class="card card-block">Card</div>
            </div>
            <div class="col-3">
                <div class="card card-block">Card</div>
            </div>
            <div class="col-3">
                <div class="card card-block">Card</div>
            </div>
            <div class="col-3">
                <div class="card card-block">Card</div>
            </div>
            <div class="col-3">
                <div class="card card-block">Card</div>
            </div>
        </div>



        <script src="script.js"></script>
      </body>
    </html>

我还希望我可以使用jquery ajax添加卡片，并且不要让鼠标悬停滚动

我想在将鼠标悬停在容器上时开始滚动卡。我该怎么做？

0 个答案: