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

中閥傳媒-官方網站

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

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強大的征兆!)

主站蜘蛛池模板: 91蝌蚪在线视频| 日本高清乱理论片| 国产精自产拍久久久久久蜜| 蕾丝视频在线看片国产| 高h网站| 污污动漫在线观看| **aaaa**毛片在线播放| 国产对白受不了了中文对白 | 日本三区四区免费高清不卡| 好男人社区在线www| 国产在线高清视频无码| 久久精品国产99国产精品亚洲| 免费大片黄在线观看| 国产毛片久久久久久国产毛片| 搡女人免费视频大全| 国模视频一区二区| 99久久精品国产综合一区| 国产精品v欧美精品∨日韩| 在线观看免费毛片| 四虎影院在线免费播放| 岛国视频在线观看免费播放| 亚洲一级毛片免费观看| 免费观看a级毛片| 美国式禁忌矿桥矿17集| 亚洲痴女| 久久天天躁狠狠躁夜夜免费观看| 久久精品国产精品国产精品污| 国产一精品一av一免费爽爽| 日本年轻的妈妈| 无翼乌邪恶帝日本全彩网站| 好紧我太爽了视频免费国产| 黑人巨茎大战俄罗斯美女| 伊人久久大香线蕉综合电影| 日韩精品视频免费观看| 国产伦理一区二区三区| 美女张开腿黄网站免费| 再深点灬舒服灬太大爽| 国产欧美精品一区二区三区-老狼| 97就要干| 两个人看的www免费高清| 亚洲欧美日韩精品久久亚洲区|