国产九九热视频-国产九九精品视频-国产精自产拍久久久久久蜜-国产精自产拍久久久久久-国产精在线-国产精亚洲视频

中閥傳媒-官方網站

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

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

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

 

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

 

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

 

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

 

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

 

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

 

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

 

錨點的應用:

 

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

 

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

 

      css3中的:target偽類 + 錨點

 

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

 

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

 

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

 

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

主站蜘蛛池模板: 波多野结衣一区二区三区88| 果冻传媒和精东影业在线观看 | 国产精品久久久精品三级| 岛国免费v片在线播放| 中文字幕在线播放第一页| 尹人香蕉久久99天天拍欧美p7| 男人的天堂黄色| 亚洲最大成人网色| 婷婷人人爽人人爽人人片 | 天天在线天天看成人免费视频| 国产四虎精品| yw在线观看成人免费| 黑料不打烊tttzzz网址入口| 久re这里只有精品最新地址| 岛国片在线播放| 午夜免费理论片a级| 波多野结衣女教师在线观看| 在线看无码的免费网站| 3d动漫精品一区二区三区| 思思久久99热只有频精品66| 顶级欧美色妇xxxxx| 极度另类极品另类| 日本不卡在线观看| 高清在线一区二区| 久久亚洲人成网站| 亚洲永久精品ww47| 一本大道高清香蕉中文大在线| 99国产成+人+综合+亚洲欧美| 欧美日韩成人在线观看| 亚洲日韩中文字幕在线播放| 538在线视频观看| 国产传媒一区二区三区呀| 性的暴力电影| 成年女人色毛片| 花季app色版网站免费| 免费看黄色a级片| 亚洲中字慕日产2020| 情侣视频精品免费的国产| 国产成人精品怡红院在线观看| 护士的诱惑电影| aaaaa毛片|