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

中閥傳媒-官方網站

網頁里錨點定位及跳轉方法

2017/11/3 17:22:29 技術文章

首先介紹錨點定位的幾種常見方法:

 

      (1)id定位 ,使用id + #id跳轉,可以實現將錨點元素綁定到任意元素上

 

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

 

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

 

      不管是上述方法中的哪種方法,當頁面(準確的說應該是父元素)的滾動條沒有或不足時,不發生任何滾動或滾動底部。

 

      由于js的萬能性,此處不予討論;以下討論錨點定位的實現:

 

      錨點定位的本質是: 修改容器的滾動高度; 也就說父容器無滾動,則錨點定位就會失效。

 

錨點的應用:

 

1.與overflow:hidden結合,實現:無js完全用css實現選項卡輪轉切換效果 (這種效果,可以在js掛掉的時候救場,保持圖片的滾動功能)

 

       注:overflow:hidden就是隱藏超出的部分,不出現滾動條;

 

      css3中的:target偽類 + 錨點

 

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

 

2.:target 選擇器可用于選取當前活動的目標元素,改變樣式;

 

      如果頁面足夠高的話,會有樣式的改變 同時伴隨著 頁面的滾動。

 

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

久久精品人人做人人爽| 亚洲精品亚洲人成人网| 伊人中文字幕在线观看| 国产精品欧美久久久久无广告| 久久老子午夜精品无码| 亚洲桃色av无码| 国产欧美日韩一区二区加勒比| 青青青免费网站在线观看| 91精品国产自产91精品| 久久人人爽人人爽人人片dvd| 亚洲日韩精品无码专区网址| 国产一区二区三区影院| 无套内谢孕妇毛片免费看看| 国产成人亚洲综合无码| 亚洲视频在线观看| 国产午夜在线观看视频播放| 天天摸天天做天天爽水多| 国产精品成人va在线观看| 日日噜噜夜夜狠狠va视频| 国产成人mv在线播放| 日本视频免费高清一本18| 粉嫩虎白女p虎白女在线| 欧美成人午夜免费完成| jizz在线免费播放| 欧美日本国产va高清cabal| 波多野结衣456| 任我爽精品视频在线播放| 国产成人高清视频免费播放| 日日av拍夜夜添久久免费| 国产精品热久久无码av| 无码a级毛片日韩精品| 国产一区二区三区不卡在线看| 亚洲国产精品毛片av不卡在线| 国产色婷婷五月精品综合在线| 亚洲精品国产综合久久久久紧| 精品国产一区二区三区香蕉| 亚洲综合校园春色| 免费无码成人av在线播放不卡| heyzo高无码国产精品| 人人添人人妻人人爽夜欢视av| 国产精品无码免费专区午夜|