3

我正在尝试创建一个长的下拉导航栏。HTML结构如下:

 <div id='cssmenu'>
    <ul>
        <li><a href='#'><span>Home</span></a></li>
        <li><a href='#'><span>Products</span></a>
            <ul>
                <li><a href='#'><span>Product 1</span></a>
                    <ul>
                        <li><a href='#'><span>Sub Item</span></a></li>
                        <li><a href='#'><span>Sub Item</span></a></li>
                    </ul>
                </li>
                <li><a href='#'><span>Product 2</span></a>
                    <ul>
                        <li><a href='#'><span>Sub Item</span></a></li>
                        <li><a href='#'><span>Sub Item</span></a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><a href='#'><span>About</span></a></li>
        <li><a href='#'><span>Contact</span></a></li>
    </ul>
 </div>

视觉上看起来像这样,但现在,

我想为水平滚动/滑动根<li>元素添加那些红色箭头:

在此处输入图像描述

带有 css的导航栏演示在这里:http ://cssmenumaker.com/builder/800017

我已经在网上搜索过,但仍然找不到任何解决方案。如果有人有一些想法,请分享。谢谢!

4

0 回答 0