<div class="designer-bg ov"> <div class="w-77 f-l designer-nav"> <ul id="scroll_nav"> <li class="designer-nav-li"><a href="" title="" data-nav="a">a - e</a></li> <li class="designer-nav-li"><a href="" title="" data-nav="f">f - l</a></li> <li class="designer-nav-li"><a href="" title="" data-nav="m">m - t</a></li> <li class="designer-nav-li"><a href="" title="" data-nav="u">u - z</a></li> </ul> </div> <script type="text/javascript"> $(function(){ var navlinks = $('#scroll_nav').find('a') , target_ul = $('#designer_nav_name') , _top = 0; $.each(navlinks , function( i , elem ){ $(elem).attr('data-to' , i == 0 ? 0 : _top); var id = $(elem).attr('data-nav'); var _h4 = $('#'+id).parent(); _top = parseint(_h4.next().height()) + _top + parseint(_h4.height()); $(elem).bind('click', function(){ target_ul[0].scrolltop = $(this).attr('data-to'); return false; }); }); $('#designer_nav_name li').click(function( e ){ var designer_name_href= $(this).find('a').attr("href"); $.getjson("test.php?action=test&jsoncallback=?&testid="+testidhref,function(data){ $('#ttai').html(data.catwalk); }); e.preventdefault(); }); }) </script> <div class="f-r designer-index" id="designer_nav_name"> <h4><a name="a" id="a"><strong>a</strong></a></h4> <ul> <li></li> </ul> <h4><a name="f" id="f"><strong>f</strong></a></h4> <ul> <li></li> </ul><h4><a name="m" id="m"><strong>m</strong></a></h4><ul> <li></li> </ul><h4><a name="u" id="u"><strong>u</strong></a></h4><ul> <li></li> </ul> </div> </div>
以上这篇js 模仿锚点定位的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支。
更多js 模仿锚点定位的实现方法。