点击按钮跳到当前页面指定的div和跳到顶部或底部

function goTop() {
$(‘html, body‘).animate({scrollTop:0}, ‘slow‘);
}
function goDiv(div) {
var a = $("#"+div).offset().top;
$("html,body").animate({scrollTop:a}, ‘slow‘);
}
function goBottom() {
window.scrollTo(0, document.documentElement.scrollHeight-document.documentElement.clientHeight);
}
时间: 2024-09-29 22:07:31

点击按钮跳到当前页面指定的div和跳到顶部或底部的相关文章

html锚点 点击跳转到页面指定位置

本来是在看阮大神写的ajax教程,突然发现点击目录文字会跳转到相对应的文本内容,于是乎激发了我的兴趣. 这个究竟怎么做的,刚开始看的时候一知半解,找度娘就是:"点击跳转到页面指定位置",找了下,原来专业术语叫:锚点. 度娘真是个博大精深的地方,有着多种的方法可以使用. 最简单的一种: 设置a标签的锚点就行啦,但是有个确定链接会更改,不利于刷新 <div class="skip" id="skip"> <h2>目录</

点击链接实现定位当前页面指定位置

点击链接实现定位当前页面指定位置:在很多网页都有这样的功能,点击一个链接会实现在当前页面的定位功能,实现此功能非常的简单,但是可能学者或者没有接触的朋友还不不了解,下面就对此做一下简单的介绍. <a href="#jump">蚂蚁部落</a> <p id="jump">只有努力才有美好的明天.</p> 以上代码是进行了压缩,将链接的href属性值设置为#+指定元素的id属性值,就可以使它们建立起 相互关系,这样点击链接

HTML实现跳转到页面指定位置

1 <a href="#page1">跳转到页面1</a> 2 3 <a href="#page2">跳转到页面2</a> 4 <br> 5 <div id="page1" style="height:1000px;">词条1</div> 6 <div id="page1">词条2</div> 7 8

通过href简单实现单击a链接跳转到页面指定位置

在页面中点击a标签后,要使其跳到页面里面相应的地方,方法很简单,就是在a标签里面href中的内容和你要跳到这个区域的id同名即可,例如: <a href="#ppp" target="_blank">jump</a> <p>p1</p><br/><br/><br/> <p>p1</p><br/><br/><br/> <

关于js点击元素平滑滚动到页面指定位置的方法

function tiao(i){ var cur = document.getElementById(i); getPosition(cur); } function getPosition(e){ var t=e.offsetTop; var l=e.offsetLeft; while(e=e.offsetParent){ t+=e.offsetTop; l+=e.offsetLeft; } $("html,body").animate({scrollTop:t},300); }

每次点击按钮后,判断页面是否已经有该行,没有弹出repeater的一行,并给他赋一个这行附值,没有则跳出

protected void btnAdd_click(object sender, EventArgs e) { try { //记录第几次追加 pressCount++; typeString.Add(typeSelect.SelectedItem.ToString()); if (typeString.Count > 1) { for (int i = 0; i < typeString.Count - 1; i++) { if (typeString[typeString.Count

html js点击按钮滚动跳转定位到页面指定位置(DIV)的方法代码

一:通过html锚点实现滚动定位到页面指定位置(DIV):    如果我们要点击实现跳转的地方是一个html锚点,也就是点击一个A标签超链接实现跳转,可以把A标签的href属性直接指向跳转指定位置的div,代码实现思路如下: <a class="banner" href="/schoolFair/registration#nav"> <a href="#abc">点击跳转</a>    <div id=&

HTML meta refresh 刷新与跳转(重定向)页面

apache做转发使其定义到自己项目的根目录下 修改apache的配置文件httpd.conf: 找到下面一段去掉前面的#号 Include conf/extra/httpd-vhosts.conf 修改httpd-vhosts.conf文件 <VirtualHost *:80>     ServerAdmin [email protected]     DocumentRoot "D:\tomcat\webapps\ceshi"     ServerName www.ce

CSS3和js炫酷点击按钮3D翻转动画特效

简要教程 flipside是一款使用CSS3和js制作的炫酷点击按钮无缝过渡到确认面板的过渡动画特效.该点击按钮特效在按钮不同方向的边部点击时,产生的过渡动画特效是不一样的. 在线预览   源码下载 使用方法 使用该按钮过渡动画特效需要引入它提供的按钮样式表style.css和用于触发按钮点击事件的js文件script.js. HTML结构 该点击按钮过渡动画特效使用一个嵌套div的HTML结构: <div class="btn"> <div class="