<![CDATA[
********
操作方式：
按下F12觀察console
****
藉由滑鼠滾輪將Scrollbar不斷地往下位移，直到觸底時，呈現：You have scrolled to the bottom (or near the bottom)!
****
藉由滑鼠滾輪將Scrollbar不斷地往上位移，直到觸頂時，呈現：Scrolled to the top of the page!
********
原理：
****
瀏覽器右側[滾輪軸=捲動條=滾動條=捲軸=Scrollbar]之
Scrollbar上方的位置=scrollTop
Scrollbar下方的位置=currentScrollPosition
^Scrollbar越往下位移，則scrollTop、currentScrollPosition的值越大
****
瀏覽器最頂部之垂直高度位置=0
****
documentHeight代表：於瀏覽器內部總整體網頁內容的垂直高度。或說:瀏覽器最底部之垂直高度位置=documentHeight
^這是一個固定值，網頁內容越多、本值越高。
****
當Scrollbar觸頂(到達頂部)時scrollTop=0
****
當Scrollbar觸底(到達底部)時currentScrollPosition=documentHeight
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
NO.1
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
NO.2
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
NO.3
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
NO.4
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
NO.5
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
NO.6
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
NO.7
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
NO.8
]]>