全棧JavaScript之路( 二十一)HTML5 scrollIntoView方法
HTML5中,scrollIntoView()可以在所有HTML 元素上呼叫
通過滾動瀏覽器視窗或某個容器元素,呼叫元素就可以出現在視口中。
如果給這個方法傳入true 作為引數,或者不傳入任何引數,那麼視窗滾動之後會讓呼叫元素的頂部與視窗頂部儘可能平齊。
如果傳入false 作為引數,呼叫元素會盡可能全部出現在視口中,(可能的話,呼叫元素的底部會與視窗頂部平齊。)不過頂部不一定平齊。
當頁面發生變化時,一般會用這個方法來吸引使用者的注意力。
實際上,為某個元素設定焦點也會導致瀏覽器滾動並顯示出獲得焦點的元素。
支援scrollIntoView()方法的瀏覽器有IE、Firefox、Safari 和Opera。
相關推薦
全棧JavaScript之路( 二十一)HTML5 scrollIntoView方法
HTML5中,scrollIntoView()可以在所有HTML 元素上呼叫 通過滾動瀏覽器視窗或某個容器元素,呼叫元素就可以出現在視口中。 如果給這個方法傳入true 作為引數,或者不傳入任何引數,那麼視窗滾動之後會讓呼叫元素的頂部與視窗頂部儘可能平齊。 如果傳入fa
全棧JavaScript之路( 二十 )HTML5 插入 html標記 ( 二 )insertAdjacentHTML
ava html ace erb class 之前 一個 chrom asc insertAdjacentHTML(), 這種方法也是在IE中最早出現的。如今已納入html5規範,它接受兩個參數,一個是下列的標記之中的一個,一個是要寫入的 html 代碼文本。
全棧JavaScript之路( 二十二 )IE 專有擴展——文檔模式
link doctype 決定 tracking ng- 文檔模式 node doc 設置 版權聲明:本文為博主原創文章,未經博主同意不得轉載。 https://blog.csdn.net
Python小白學習之路(二十一)—【迭代器】
迭代器 1.迭代器協議 物件必須提供一個 next 方法,執行該方法要麼返回迭代中的下一項,要麼就引起一個Stoplteration異常,以終止迭代(只能往後走不能往前退) 2.可迭代物件 實現了迭代器協議的物件(如何實現:物件內部定義一個_iter_()方法) 協議是一種約定,可迭代物件實現了
Java 從入門到進階之路(二十一)
在之前的文章我們介紹了一下 Java 中的日期操作,本章我們來看一下 Java 集合框架中的Collection。 早在 Java 2 中之前,Java 就提供了特設類。比如:Dictionary, Vector, Stack, 和 Properties 這些類用來儲存和操作物件組。 雖然這些類都非常有用,但
全棧JavaScript之路(十二)瞭解 Selector API
2008 年之前,瀏覽器中幾乎所有的DOM擴充套件都是專有的。此後,W3C 著手將一些已經成為事實標準的專有擴充套件標準化並寫入規範當中。 Selector API level 1 的核心是兩個方法: querySelector(), querySelectorAll(
全棧JavaScript之路(十六)HTML5 HTMLDocument 類型的變化
complete 文檔 出了 content ldoc 之路 stat javascrip safari HTML5 擴展了 HTMLDocument, 添加了新的功能。 1.document.readState = ‘loading‘ || ‘complet
全棧JavaScript之路(十四)HTML5 中與class屬性相關的擴充
mov html5 表示 方法 popu dom add data- token 1. getElementByClassName() :支持getElementsByClassName()方法的瀏覽器有IE 9+、Firefox 3+、Safari
OpenCV探索之路(二十六):如何去除票據上的印章
com 票據 uid amp 去除 album 探索 ace 十六 http://pic.cnhubei.com/space.php?uid=1774&do=album&id=1338281http://pic.cnhubei.com/space.php?u
Spark學習之路 (二十八)分布式圖計算系統
尺度 內存 底層 mapr 分區 ces 兩個 傳遞方式 cat 一、引言 在了解GraphX之前,需要先了解關於通用的分布式圖計算框架的兩個常見問題:圖存儲模式和圖計算模式。 二、圖存儲模式 巨型圖的存儲總體上有邊分割和點分割兩種存儲方式。2013年,Gra
Python小白學習之路(二十四)—【裝飾器】
裝飾器 一、裝飾器的本質 裝飾器的本質就是函式,功能就是為其他函式新增附加功能。 利用裝飾器給其他函式新增附加功能時的原則: 1.不能修改被修飾函式的原始碼 2.不能修改被修飾函式的呼叫方式
OpenCV探索之路(二十四)影象拼接和影象融合技術
影象拼接在實際的應用場景很廣,比如無人機航拍,遙感影象等等,影象拼接是進一步做影象理解基礎步驟,拼接效果的好壞直接影響接下來的工作,所以一個好的影象拼接演算法非常重要。 再舉一個身邊的例子吧,你用你的手機對某一場景拍照,但是你沒有辦法一次將所有你要拍的景物全部拍下來,所以你
Java 從入門到進階之路(二十四)
在之前的文章我們介紹了一下 Java 中的 集合框架中的Collection 的泛型,本章我們來看一下 Java 集合框架中的Collection 的子介面 List。 Collection 介面有 3 種子型別,List、Set 和 Queue,其中 List 和 Set 的區別是 Set 中不
Java 從入門到進階之路(二十五)
在之前的文章我們介紹了一下 Java 中的 集合框架中的Collection 的子介面 List的 增刪改查和與陣列間相互轉換的方法,本章我們來看一下 Java 集合框架中的Collection 的子介面 List 的另外一些方法。 我們在使用集合的時候難免會對其中的元素進行排序,因為 Set 集
Java 從入門到進階之路(二十六)
在之前的文章我們介紹了一下 Java 中的 集合框架中的Collection 的子介面 List,本章我們來看一下 Java 集合框架中的Collection 的子介面 Queue。 在之前我們講 List 和 Set 的時候可以通過下標的形式獲取想要的元素,在 Collection 中其實還有
Java 從入門到進階之路(二十八)
在之前的文章我們都是通過 Java 在記憶體中應用,本章開始我們來看一下 Java 在系統檔案(硬碟)上的操作。 系統檔案就是我們電腦中的檔案,簡單來說就是像 Windows 系統中 C D E 等各類碟符中的檔案。Java 在系統檔案的操作需要通過 File 來完成。 接下來我們通過一個簡單的例
Java 從入門到進階之路(二十九)
在之前的文章我們已經可以對本地對檔案和目錄進行新建和刪除等操作,接下來我們來對檔案內對具體內容進行操作。 如下程式碼,我們實現了一個基本的檔案寫入: 1 /** 2 * java.io.RandomAccessFile 3 * 用來讀寫檔案資料 4 * RAF是基於指標進行讀寫的,即RAF總是
Python學習之旅(二十一)
Python基礎知識(20):錯誤、除錯和測試 一、錯誤處理 在執行程式的過程中有可能會出錯,一般我們會在新增一段程式碼在可能出錯的地方,返回約定的值,就可以知道會不會出錯以及出錯的原因 1、使用try......except......finally......錯誤處理機制 try...可能會出異常
Python學習(二十一) —— 前端之JavaScript
開始 mode mba html 國際 sca 執行 嵌入式 規範 轉載自http://www.cnblogs.com/liwenzhou/p/8004649.html 一、JavaScript概述 1.JavaScript的歷史 1992年Nombas開發出C-mi
Hive學習之路 (二十)Hive 執行過程實例分析
cred exe 重復 generator pan hql 語句 color SQ 一、Hive 執行過程概述 1、概述 (1) Hive 將 HQL 轉換成一組操作符(Operator),比如 GroupByOperator, JoinOperator 等 (2)操