<menuitem id="phbrh"></menuitem>
<cite id="phbrh"><video id="phbrh"><listing id="phbrh"></listing></video></cite><cite id="phbrh"><strike id="phbrh"><listing id="phbrh"></listing></strike></cite>
<menuitem id="phbrh"></menuitem>
<menuitem id="phbrh"><dl id="phbrh"><progress id="phbrh"></progress></dl></menuitem>
<cite id="phbrh"><strike id="phbrh"></strike></cite><var id="phbrh"></var><var id="phbrh"><strike id="phbrh"></strike></var><var id="phbrh"><strike id="phbrh"></strike></var>
<menuitem id="phbrh"><dl id="phbrh"><progress id="phbrh"></progress></dl></menuitem><var id="phbrh"><strike id="phbrh"></strike></var>
<var id="phbrh"><strike id="phbrh"></strike></var><var id="phbrh"></var>
添加到百度首頁
添加收藏 RSS 網站地圖 舊版網站
  • 全部
  • 網頁特效
  • 建站教程
  • 設計分享
當前位置:首頁 > 建站教程 > JavaScript教程 >

JS點擊按鈕到頁面最底部/返回頁面頂部代碼

時間:2014-12-12      來源:科e互聯     

在做一個制作一個手機頁面時,由于底部菜單有一個按鈕點擊可以展開更多菜單功能,展開菜單同時頁面要保持在最底部,而不是拖動滾動條才顯示。
 

點擊前:

js教程

點擊后:

js教程

 

返回頂部、到達頁面底部HTML代碼:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JS點擊按鈕到頁面最底部/返回頁面頂部代碼</title>
</head>
<body>
<a href="javascript:void(0);" onclick="javascript:document.getElementsByTagName('BODY')[0].scrollTop=document.getElementsByTagName('BODY')[0].scrollHeight;">到頁面底部</a>
<div style="height:3000px;"></div>
<a href="javascript:void(0);" onclick="javascript:document.getElementsByTagName('BODY')[0].scrollTop=0;">返回頁面頂部</a>
</body>
</html>
點擊按鈕標簽向上展開代碼:
$(".class").click(function(){
$(".class2").slideDown(300);
$("html,body").animate({"scrollTop":$(document).scrollTop()+100},350);   //注:100參數一定要大于.class2元素的高度
});
相關文章
web前端視頻教程


大家都在看

最新更新

web前端視頻教程
自拍偷拍视频91,偷拍妻子鬼混视频,麻豆制服丝袜诱惑中文视频,国产网红主播自慰福利视频下载,sm视频网站,久久riAv七麻豆系列,麻豆传媒映画tao,网红主播安然大秀,亚洲国产cd系列丝袜 1024国产综合| 黄色视频在线观看女同| 国产欧美亚洲素人出水啦| 国产偷拍女性spa| 91新人 第三部| 女同性恋的喷潮| αv天堂在线观看免费| 在线高清丝袜无码吴梦梦| 兽皇99热| 国产偷拍 先锋影音| 国产车晚上直播| 欧美3d性教育姿势交图| 亚洲国产自拍手机在线视频| 荔枝视频污版午夜在线观看| 国产日韩偷拍援交无码视频 迅雷下载| 久久国产自偷拍在钱| 国产直播自卫福利视频| 国产主播艾琳娜| 日本 素质| 日本全家便利店| 高清国产富二代在线| 东宫模特最新网站| 美丽的同事正在播放2| 男人j进女屁股视频免费| 电影国产人性剧情| 网上的国产剧情是怎么拍| 国产情侣偷拍 magnet| 亚洲 校园 国产 丝袜| 国产 酒店 偷拍 视频| 国产精品一区二区在线看| 动漫制服国产日韩| 麻豆传媒林予曦花絮在哪里看| 麻豆传媒 律政俏佳人在线观看| 梁敏仪 女同性恋| 在线观看免费手机午夜视频在线| HongKongDoll全裸在线播放姿势福利| 原创国产AV剧情旗袍丝袜| 学生空姐模特同事国产日韩| 国产小情侣爱爱在线| 国产偷拍大波磁力| lisa国产偷拍| http://www.zgsks.com http://www.fww88.com http://www.mm-digital.com http://www.evabiesse.com http://www.africanvass.com http://www.szr88.com