JS或者jquery設置滾動條回到頂部的方法:
創(chuàng)新互聯(lián)提供網(wǎng)站建設、成都做網(wǎng)站、網(wǎng)頁設計,品牌網(wǎng)站制作,1元廣告等致力于企業(yè)網(wǎng)站建設與公司網(wǎng)站制作,10年的網(wǎng)站開發(fā)和建站經(jīng)驗,助力企業(yè)信息化建設,成功案例突破近1000家,是您實現(xiàn)網(wǎng)站建設的好選擇.
返回頂部:設置為body的scrollTop為0 ?
滑動效果:animate(Jquery的自定義動畫)
備注:returnTop為觸發(fā)返回頂部的元素ID。
JavaScript一種直譯式腳本語言,是一種動態(tài)類型、弱類型、基于原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網(wǎng)頁上使用,用來給HTML網(wǎng)頁增加動態(tài)功能。
jQuery是一個快速、簡潔的JavaScript框架,是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫(或JavaScript框架)。jQuery設計的宗旨是“write Less,Do More”,即倡導寫更少的代碼,做更多的事情。它封裝JavaScript常用的功能代碼,提供一種簡便的JavaScript設計模式,優(yōu)化HTML文檔操作、事件處理、動畫設計和Ajax交互。
jQuery的核心特性可以總結為:具有獨特的鏈式語法和短小清晰的多功能接口;具有高效靈活的css選擇器,并且可對CSS選擇器進行擴展;擁有便捷的插件擴展機制和豐富的插件。jQuery兼容各種主流瀏覽器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
需要準備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script標簽,輸入jquery代碼:
$('body').append($('div').offset().top - $(window).scrollTop());
3、瀏覽器運行index.html頁面,此時通過jquery獲取到了頁面div倒窗口頂部的距離。
div.pos_abs{position:fixed;left:100px;top:150px}
css就可以實現(xiàn),你的jq的包裹方法不用改變