オーバーフローを隠すことはできますが、スクロールは可能ですか？

Question

おそらく非常にばかげた質問ですが、オーバーフローを追加しました。私の体に隠されて、その下に表示される空白を削除しましたが、これはスクロールを無効にします。問題はおそらく他の場所にあると認識しています。オーバーフローを隠すことはできますが、スクロールは可能ですか？

Answer 1

conatiningコンテンツが親

Answer 2

その大きいときにのWebKitでそれをしたい場合は、これはスクロールを可能にします

#elem { overflow:auto } 

てみあなたはこのようにそれを行うことができます。

#container { 
 
    overflow: scroll; 
 
    overflow-x: hidden; 
 
    height:65px; 
 
    width:350px 
 
} 
 
::-webkit-scrollbar { 
 
    width: 0px; 
 
    background: transparent; 
 
}

<div id="container"> 
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
 
Integer vehicula quam nibh, eu tristique tellus dignissim 
 
quis. Integer condimentum ultrices elit ut mattis. 
 
Praesent rhoncus tortor metus, nec pellentesque enim 
 
mattis nec. Nulla vitae turpis ut dui consectetur 
 
pellentesque quis vel est. Curabitur rutrum, mauris ut 
 
mollis lobortis, sem est congue lectus, ut sodales nunc 
 
leo a libero. Cras quis sapien in mi fringilla tempus 
 
condimentum quis velit. Aliquam id aliquam arcu. Morbi 
 
tristique aliquam rutrum. Duis tincidunt, orci suscipit 
 
cursus molestie, purus nisi pharetra dui, tempor 
 
dignissim felis turpis in mi. Vivamus ullamcorper arcu 
 
sit amet mauris egestas egestas. Vestibulum turpis neque, 
 
condimentum a tincidunt quis, molestie vel justo. Sed 
 
molestie nunc dapibus arcu feugiat, ut sollicitudin metus 
 
sagittis. Aliquam a volutpat sem. Quisque id magna 
 
ultrices, lobortis dui eget, pretium libero. Curabitur 
 
aliquam in ante eu ultricies. 
 
</div>

Answer 3

element{ overflow: scroll; } 

これは、ホワイトスペースを削除して、コンテンツがオーバーフローの場合は、自動的にスクロールを生成します。

Answer 4

これを試してみてください。

<div class="parent"> 
    <div class="child"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    Integer vehicula quam nibh, eu tristique tellus dignissim quis. 
    Integer condimentum ultrices elit ut mattis. 
    Praesent rhoncus tortor metus, nec pellentesque enim 
    mattis nec. Nulla vitae turpis ut dui consectetur 
    pellentesque quis vel est. Curabitur rutrum, mauris ut 
    mollis lobortis, sem est congue lectus, ut sodales nuncleo a 
    libero. Cras quis sapien in mi fringilla tempus 
    condimentum quis velit. Aliquam id aliquam arcu. Morbi 
    tristique aliquam rutrum. Duis tincidunt, orci suscipit 
    cursus molestie, purus nisi pharetra dui, tempor 
    dignissim felis turpis in mi. Vivamus ullamcorper arcu 
    sit amet mauris egestas egestas. 
    </div> 
</div> 

CSSスクロールと

.parent{ 
    position: relative; 
    width: 300px; 
    height: 150px; 
    border: 1px solid black; 
    overflow: hidden; 
} 
.child{ 
    height: 150px; 
    width: 312px; 
    padding-right:15px;/* change as per your browser scroll*/ 
    overflow-y: scroll; 
}