當一頁網頁的頁面高度高到一定程度時,這時若能出現貼心的「Go to top」的按紐,想必對網站的瀏覽體驗會加分不少。

 

一、在以下範例展示的是:

1.在特定高度範內,此「Back to top」按紐不會出現。

2.當瀏覽者超出此特定高度範圍之外,按紐才會出現。

 

二、程式碼部份

1.HTML

<div class="container">
    <div class="row">
        <div class="span12">
            <div style="border:1px dashed #ccc;min-height:1900px;">

文章標籤

pinylnln 發表在 痞客邦 PIXNET 留言(0) 人氣()