自定义菜单手风琴位置 - Jquery

时间:2012-07-11 19:24:14

标签: javascript jquery jquery-mobile jquery-ui-accordion mobile-browser

**我正在使用包含菜单Accordion的Custom select菜单开发移动网页,使用Vertical Menu Accordion Plugin。 这里的问题是,为了查看自定义菜单中的最后一个元素,当然需要向下滚动。但是如果我再次按下菜单选项它会移动到顶部。 Cookie已经设置好了。我可以看到我之前选择的菜单,只是它不会自动滚动到之前的位置。

以下示例。我有1. Home和2. Menu1和3. Menu2和4. Menu3

I按Menu 3并选择菜单3.2。关闭菜单。我再次按下菜单选项后。我需要向下滚动才能看到所选菜单。有没有办法自动滚动到相应的位置?

感谢您的时间和支持。**

<div id="slidemenu" class="dcjq-accordion">

            <!--
    <h3>MENU</h3> -->

    <ul class="menu" id="menu-1">
        <li class="parent"><a href="#" rel="external">HOME</a></li>
        <li class="parent"><a href="#">Menu1</a>
                         <ul id="mednu1Id">  
                            <li class="child"><a href="#>Menu1.1</a>
            </li>  
                            <li class="child"><a href="#">Menu1.2</a>
            </li>  
                            <li class="child"><a href="#>Menu1.3</a>
            </li>  
                            <li class="child"><a href="#">Menu1.4</a>
            </li> 
                         </ul>
                     </li> 
                     <li class="parent"><a href="#">Menu2</a>
                         <ul id="mednu2Id">  
                            <li class="child"><a href="#>Menu2.1</a>
            </li>  
                            <li class="child"><a href="#">Menu2.2</a>
            </li>  
                            <li class="child"><a href="#>Menu2.3</a>
            </li>  
                            <li class="child"><a href="#">Menu2.4</a>
            </li> 
                         </ul>
                     </li> 
                     <li class="parent"><a href="#">Menu3</a>
                         <ul id="mednu3Id">  
                            <li class="child"><a href="#>Menu3.1</a>
            </li>  
                            <li class="child"><a href="#">Menu3.2</a>
            </li>  
                            <li class="child"><a href="#>Menu3.3</a>
            </li>  
                            <li class="child"><a href="#">Menu3.4</a>
            </li> 
                         </ul>
                     </li> 
             </ul>
        </div>

1 个答案:

答案 0 :(得分:0)

对于那些试图寻找答案的人。

这会奏效。为我做得很好。

$(window).scrollTop($("ul li ul a.active").position().top)