我在背景圖片上有一個響應菜單。背景圖片上的響應菜單
<div
class="header-slides"
data-slides='["https://picjumbo.imgix.net/HNCK1654.jpg?q=40&w=1650&sharp=30",
"https://picjumbo.imgix.net/HNCK2106.jpg?q=40&w=1650&sharp=30"]'
>
<ul class="topnav">
<li><a class="active" href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
<li class="icon">
<a href="javascript:void(0);" style="font-size:15px;" onclick="myFunction()">☰</a>
</li>
</ul>
<h2>Header Message</h2>
</div>
菜單工作正常,除非我切換它,菜單停留在背景圖像的頂部。我想實現的是當我切換時,我想讓菜單按下背景圖片並將其放置在頁面的頂部。
這是可行的嗎?
You can find the code sample here