Javascript 如何隐藏3D旋转木马左侧的所有内容？_Javascript_Jquery_Css_Carousel_Materialize

Javascript 如何隐藏3D旋转木马左侧的所有内容？

javascript jquery css

Javascript 如何隐藏3D旋转木马左侧的所有内容？,javascript,jquery,css,carousel,materialize,Javascript,Jquery,Css,Carousel,Materialize,我正在使用物化旋转木马，我试图隐藏中心左侧的所有内容，即呈现的项目。尝试了几个选项，但没有成功。谁能帮忙吗下面是我的html <!DOCTYPE html> <html lang="en"> <head>   <title&g

我正在使用物化旋转木马，我试图隐藏中心左侧的所有内容，即呈现的项目。尝试了几个选项，但没有成功。谁能帮忙吗

下面是我的html

<!DOCTYPE html>
<html lang="en">
  <head>

    <!-- Compiled and minified CSS -->


    <!-- Compiled and minified JavaScript -->

    <title>Pradyumna Demo Webapp</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
  <link rel="stylesheet" href="./slider.styles.css">
  </head>
  <body>
  <div class="caro-container">
    <div class="carousel">
        <a class="carousel-item" href="#one!"> <img src="./asset/1.jpg.jpg"></a>
        <a class="carousel-item" href="#two!"><img src="./asset/2.jpg.jpg"></a>
        <a class="carousel-item" href="#three!"><img src="./asset/3.jpg.jpg"></a>
    </div>
  </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

    <script>
        $(document).ready(function(){
    $('.carousel').carousel({padding:100, numVisible:3, dist:-80});
  });
    </script>

  </body>
</html>


Pradyumna演示Webapp
$（文档）.ready（函数（）{
$（'.carousel'）.carousel（{padding:100，numVisible:3，dist:-80}）；
});