国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

js 模仿錨點定位的實現方法

2019-11-19 18:55:22
字體:
來源:轉載
供稿:網友

如下所示:

<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 模仿錨點定位的實現方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 阳西县| 平舆县| 南宫市| 莆田市| 西乡县| 绵竹市| 保德县| 锡林郭勒盟| 仲巴县| 灵丘县| 瑞安市| 新安县| 广昌县| 伊金霍洛旗| 德格县| 谷城县| 舒城县| 锡林郭勒盟| 皮山县| 东光县| 福安市| 外汇| 饶平县| 贺兰县| 汾西县| 丰台区| 六安市| 镇远县| 开原市| 平山县| 丹东市| 越西县| 闵行区| 垫江县| 蓝山县| 赤峰市| 奉节县| 墨江| 潞城市| 遂宁市| 酉阳|