Web制作で役立つメモをWEB MEMO LOG

2016.11.06

【Web】postion:fixedだけど、スクロールしたい。しかもスクロールバーは非表示

「positon:fixed」だけどスクロールしたい、しかもスクロールバーバ非表示にしたい場合のメモメモ。

▼HTML

<div class="box">
<div class="box_scroll">
<!--内容-->
</div>
</div>

▼CSS

.box{
	width:300px;
	position:fixed;
	right:0;
	top:0px;
	overflow-x: hidden;
	overflow-y: hidden;
}
.box_scroll {
	margin: 0;
	padding: 0;
	width: 317px;
	height:100%;
	padding-right: 17px;
	overflow-y: scroll;
}

【参考】スクロールさせる領域だけどスクロールバーは非表示にしたい。

About Site

同じことを何度も検索していたりするんで、検索して解決したことを残そうと思いまして。