久久精品成人-久久精品成人国产午夜-久久精品成人免费网站-久久精品第一页-亚洲午夜精品aaa级久久久久-亚洲午夜精品一区二区

中閥傳媒-官方網(wǎng)站

網(wǎng)頁(yè)里錨點(diǎn)定位及跳轉(zhuǎn)方法

2017/11/3 17:22:29 技術(shù)文章

首先介紹錨點(diǎn)定位的幾種常見方法:

 

      (1)id定位 ,使用id + #id跳轉(zhuǎn),可以實(shí)現(xiàn)將錨點(diǎn)元素綁定到任意元素上

 

      (2)name定位 , 只能針對(duì)a標(biāo)簽來定位,對(duì)其他標(biāo)簽不能起到定位作用。

 

      (3)萬(wàn)能的js定位,獲取元素位置,使用scrollInToView();  //準(zhǔn)確的說,這種方法不屬于錨點(diǎn)定位

 

      不管是上述方法中的哪種方法,當(dāng)頁(yè)面(準(zhǔn)確的說應(yīng)該是父元素)的滾動(dòng)條沒有或不足時(shí),不發(fā)生任何滾動(dòng)或滾動(dòng)底部。

 

      由于js的萬(wàn)能性,此處不予討論;以下討論錨點(diǎn)定位的實(shí)現(xiàn):

 

      錨點(diǎn)定位的本質(zhì)是: 修改容器的滾動(dòng)高度; 也就說父容器無滾動(dòng),則錨點(diǎn)定位就會(huì)失效。

 

錨點(diǎn)的應(yīng)用:

 

1.與overflow:hidden結(jié)合,實(shí)現(xiàn):無js完全用css實(shí)現(xiàn)選項(xiàng)卡輪轉(zhuǎn)切換效果 (這種效果,可以在js掛掉的時(shí)候救場(chǎng),保持圖片的滾動(dòng)功能)

 

       注:overflow:hidden就是隱藏超出的部分,不出現(xiàn)滾動(dòng)條;

 

      css3中的:target偽類 + 錨點(diǎn)

 

      URL 帶有后面跟有錨名稱 #,指向文檔內(nèi)某個(gè)具體的元素。這個(gè)被鏈接的元素就是目標(biāo)元素(target element)。

 

2.:target 選擇器可用于選取當(dāng)前活動(dòng)的目標(biāo)元素,改變樣式;

 

      如果頁(yè)面足夠高的話,會(huì)有樣式的改變 同時(shí)伴隨著 頁(yè)面的滾動(dòng)。

 

      (偽類的:target的支持情況是:IE6-8是不支持的,其余都支持!未來css強(qiáng)大的征兆!)

欧美精品色婷婷五月综合| av潮喷大喷水系列无码| 成年女人免费碰碰视频| 精品久久久久久无码中文野结衣| 欧美日韩在大午夜爽爽影院| 最近中文字幕视频高清| 加勒比色综合久久久久久久久| 搡女人真爽免费视频大全| a∨变态另类天堂无码专区| 久久久噜噜噜久久网| 亚洲欧美综合乱码精品成人网| 国产乱子伦精品无码专区| 色综合久久中文字幕无码| 国产v片成人影院在线观看| 免费a级毛片在线播放不收费| 在线看片人成视频免费无遮挡 | 精品国产乱码久久久久久浪潮| 少妇高潮喷水久久久久久久久久| 丰满亚洲大尺度无码无码专线| 哦┅┅快┅┅用力啊┅┅动态图 | 久久久久无码国产精品不卡 | 天天摸天天做天天爽| 国产成人无码18禁午夜福利p| 欧美综合图区亚欧综合图区| 边摸边脱吃奶边高潮视频免费 | 免费看av毛片一区二区三区| 99re热视频精品首页| 麻豆麻豆必出精品入口| xx性欧美肥妇精品久久久久久| 亚洲精品成人片在线播放| 国产亚洲人成无码网在线观看| 亚洲的天堂av无码| 久久精品国产亚洲7777| 97久久精品无码一区二区| 免费a级毛片av无码| 丁香花高清在线观看完整版| 四虎精品视频在线永久免费观看| 国产日产久久高清欧美一区| 亚洲av无码av制服另类专区| 久久97久久97精品免视看秋霞| av无码久久久久不卡蜜桃 |