最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS中錨點(diǎn)鏈接點(diǎn)擊平滑滾動(dòng)并自由調(diào)整到頂部位置

 更新時(shí)間:2021年02月06日 16:35:40   作者:是這樣的三月  
這篇文章主要介紹了JS中錨點(diǎn)鏈接點(diǎn)擊平滑滾動(dòng)并自由調(diào)整到頂部位置,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下

錨點(diǎn)鏈接點(diǎn)擊平滑滾動(dòng)并自由調(diào)整到頂部的位置

 一、添加錨點(diǎn) 注意a標(biāo)簽用的nacTo 而不是href;

<ul>
	<li><a class="anchor" navTo="one">目標(biāo)選擇</a></li>
	<li><a class="anchor" navTo="two">目標(biāo)客戶</a></li>
	<li><a class="anchor" navTo="three">廣告形式</a></li>
	<li><a class="anchor" navTo="four">廣告投放</a></li>
	<li><a class="anchor" navTo="five">預(yù)算和時(shí)間安排</a></li>
	<li><a class="anchor" navTo="six">轉(zhuǎn)化追蹤</a></li>
</ul>

二、給右側(cè)需要滾動(dòng)的內(nèi)容添加對(duì)應(yīng)的id

<div class="right">
			<div id="one">
				<div class="target">
					<i>您的目標(biāo)是:</i>
					<div class="brand_engagement"><img src="img/signal.png" /><i>品牌參與度</i><b>更改</b></div>
					<p>我希望人們了解我的業(yè)務(wù)。</p>
					<div class="advertising_that">
						<img src="img/right.png" /> 廣告將顯示給最右可能瀏覽<b>您的廣告的人群。</b>
					</div>
				</div>
			</div>
			<div id="two">
				第二部分內(nèi)容
			</div>
			<div id="three">
				第三部分內(nèi)容
			</div>
			<div id="four">
				第四部分內(nèi)容
			</div>
			<div id="five">
				第五部分內(nèi)容
			</div>
		</div>

三、添加js,平滑滾動(dòng)到頂部的距離 (150是導(dǎo)航的高度,可根據(jù)需要自由調(diào)整)

$('.anchor').click(function () {
		var navto = $(this).attr('navto');
		if (navto != "#") {
			var $div = $('#' + navto);
			var top = $div.offset().top || 0;
			$('html,body').animate({
				'scroll-top': top - 150
			}, 500);
		} else {
			$('html,body').animate({
				'scroll-top': 0
			}, 500);
		}
	});

ok啦~ 效果展示

在這里插入圖片描述

到此這篇關(guān)于JS中錨點(diǎn)鏈接點(diǎn)擊平滑滾動(dòng)并自由調(diào)整到頂部位置的文章就介紹到這了,更多相關(guān)js錨點(diǎn)鏈接平滑滾動(dòng)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

最新評(píng)論

鹤山市| 凤山市| 郧西县| 江达县| 宁晋县| 彭阳县| 宣威市| 大英县| 平顶山市| 施秉县| 尼玛县| 武定县| 买车| 普宁市| 浦县| 奉新县| 额尔古纳市| 双峰县| 鄂托克前旗| 肃南| 小金县| 天长市| 酒泉市| 明溪县| 抚顺市| 云阳县| 琼中| 夏津县| 屏东市| 木兰县| 炉霍县| 海晏县| 晋中市| 济南市| 吉隆县| 兴和县| 天长市| 巨野县| 赫章县| 介休市| 武川县|