問題討論區


【CSS 語法】問題討論區


【問題】 這個 gotop CSS 怎樣才能實圖顯示



這個 gotop CSS 怎樣才能實圖顯示
會員三級
註冊日期:
2010/7/11 14:52
留言: 17
我的網站, 需要加一個 gotop 的功能, 於網上找到了這個
加到網站後, 發現 gotop 的按鈕, 會因上下滑動的次數 愈來愈淡, 大約五十次完全看不到按鈕
想問一下怎樣才可以一直顯示, 不會因上下滑動的次數 變淡呢??


HTML部分

<div id="gotop">&#708;</div>

CSS 部分

#gotop {
    
display: none;
    
position: fixed;
    
right: 20px;
    
bottom: 20px;    
    
padding: 10px 15px;    
    
font-size: 20px;
    
background: #777;
    
color: white;
    
cursor: pointer;
}

jQuery 部分

<script type="text/javascript">
$(function(){
    $(
"#gotop").click(function(){
        
jQuery("html,body").animate({
            
scrollTop:0
        
},1000);
    });
    $(
window).scroll(function() {
        if ( $(
this).scrollTop() > 300){
            $(
'#gotop').fadeIn("fast");
        } else {
            $(
'#gotop').stop().fadeOut("fast");
        }
    });
});
</script>

2015/11/10 11:30
 


回覆: 這個 gotop CSS 怎樣才能實圖顯示
飛肯老師
註冊日期:
2008/2/24 18:28
留言: 1168
需要 gotop 功能只要在 HTML 使用最簡單的 # 超連結就可以了

例如 <a href="#">回上面</a>

7/5 14:09
 









[高級搜索]


 

課程首頁】 【最新開課時間表】 【範例教學分享區】 【交流討論區】 【企業包班】 【詢問課程】 【合作提案】 【誠徵講師

 

【飛肯設計學苑】 台北市公園路 30-1 號 5 樓 聯絡電話:(02)2370-1122 / 0925-014-000 信箱:flycan@flycan.com.tw
服務時間:(平日)下午 1 點 ~ 晚上 10 點 / (假日)早上 9 點 ~ 下午 5 點

 

台北市短期補習班立案 第 6631 號

TOP

【 Flycan.com 】 Powered by XOOPS