window.onscroll = function () { 
 var t = document.documentElement.scrollTop || document.body.scrollTop;
 if (t > 0) { 
 $(".cbbfixed").css("bottom", "10px"); 
 } else { 
 $(".cbbfixed").css("bottom", "-85px"); 
 } 
}

注：

t：滾動條距離top端的距離

t>0,即滾動條一旦滾動，立即執(zhí)行if（）語句，else（）中的代碼是，滾動條到到top處時，返回頂部的div隱藏

返回頂部按鈕的點擊操作：

$("#cgotop").click(function(){ 
 $('body,html').animate({ scrollTop: 0 }, 100); 
 return false; 
});

補充：

1、監(jiān)聽某個元素的滾動條事件

$(selector).scroll(function(){.......});

2.獲取滾動條滾動的距離

$(selector).scrollTop();
$(selector).scrollLefft();

PS：這里再為大家推薦一款關于JS事件的在線查詢工具，歸納總結了JS常用的事件類型與函數(shù)功能：

javascript事件與功能說明大全：

http://tools.jb51.net/table/javascript_event

希望本文所述對大家的javascript程序設計有所幫助。

您可能感興趣的文章:

js
滾動條

JS控制文本域只讀或可寫屬性的方法
這篇文章主要介紹了JS控制文本域只讀或可寫屬性的方法,涉及javascript針對頁面元素屬性的動態(tài)操作技巧,需要的朋友可以參考下
2016-06-06
js實現(xiàn)的美女瀑布流效果代碼
美女瀑布流效果分享一下，大家勿噴啊借用新浪的美女嘿嘿睜大你的眼睛
2012-11-11
基于js實現(xiàn)二級下拉聯(lián)動
這篇文章主要為大家詳細介紹了基于js實現(xiàn)二級下拉聯(lián)動，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
JavaScript面向對象分層思維全面解析
這篇文章主要介紹了JavaScript面向對象分層思維，js本身不是面向對象語言,在我們實際開發(fā)中其實很少用到面向對象思想。下文關于js面向對象知識給大家介紹的非常詳細，感興趣的朋友一起看看吧
2016-11-11
JavaScript實現(xiàn)繼承的7種方式總結
用官方點的話講繼承是面向對象三大特征之一，可以使得子類具有父類的屬性和方法，同時還可以在子類中重新定義以及追加屬性和方法。本文整理了JavaScript實現(xiàn)繼承的7種方式，需要的可以了解一下
2023-04-04
JavaScript數(shù)據(jù)結構之雙向鏈表定義與使用方法示例
這篇文章主要介紹了JavaScript數(shù)據(jù)結構之雙向鏈表定義與使用方法,簡單介紹了雙向鏈表的原理,并結合實例形式分析了雙向鏈表的定義與使用方法,需要的朋友可以參考下
2017-10-10
phpwind放自動注冊方法
phpwind放自動注冊方法...
2006-12-12
Js控制滑輪左右滑動實例
這篇文章主要介紹了Js控制滑輪左右滑動實例,本文直接給出實現(xiàn)代碼,需要的朋友可以參考下
2015-02-02
JavaScript Split()方法
split()方法可以利用字符串的子字符串的作為分隔符將字符串分割為字符串數(shù)組，并返回此數(shù)組，本文給大家介紹javascript split 方法，對本文感興趣的朋友一起學習吧
2015-12-12
原生JS實現(xiàn)跑馬燈效果
本文主要分享了原生JS實現(xiàn)跑馬燈效果的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧
2017-02-02