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="://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=":///index.html">TOP</a></li> <li><a class="link-block" href=":///index.html">BLOG</a></li> </ul> </div> </nav>・css
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;
}
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
退会済みユーザー
2016/02/11 10:09
退会済みユーザー
2016/02/11 10:10