position fixed内でスクロールさせたい
css position fixed内でスクロールさせることは可能ですか？
下記のサイトのドロワーメニューのようにしたいです。
//www.toei-eigamura.com/edosakaba/
下記のようにしてもうまくいきませんでした。
・html
<nav>
<div id="nav__drawermenu-wrap">
<ul>
<li>
<a class='top-header__social-btn symbol animation-hover action-hover' href="https://plus.google.com/share?url=http:///index.html" onclick="window.open(this.href, 'Gwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;" title=''></a>
<a class='top-header__social-btn symbol animation-hover action-hover' href="http://www.facebook.com/share.php?u=http:///index.html" onclick="window.open(this.href, 'FBwindow', 'width=650, height=450, menubar=no, toolbar=no, scrollbars=yes'); return false;" title=''></a>
<a class='top-header__social-btn symbol animation-hover action-hover' href="http://twitter.com/share?url=</a>
</li>
<li><a class="link-block" href="#js-about-me"><span class="gotootherpage"><img class="top-gnav__link-sixth__goto-other-page" src="img/common-img/goto-other-page.svg" alt="goto-other-page-image"></span>ABOUTME</a></li>
<li><a class="link-block" href="#js-gallary">GALLARY</a></li>
<li><a class="link-block" href="#js-gmap">MAP</a></li>
<li><a class="link-block" href="#js-contact">CONTACT</a></li>
<li><a class="link-block" href="http:///index.html">TOP</a></li>
<li><a class="link-block" href="http:///index.html">BLOG</a></li>
</ul>
</div>
</nav>
・ｃｓｓ
nav {
overflow: auto;
}
[id="drawermenu"] ul {
z-index: 300;
width: 100%;
height: 100%
position: fixed;
top: 0;
padding-top: 2.8rem;
text-align: center;
cursor: pointer;
margin-left: -100%;
transition-propety:all;
transition-duration:1s;
}
お礼
すみません、見逃しておりました。ありがとうございました。