jquery实现点击按钮滑动到指定位置

<body>

<script type="text/javascript">

function click_scroll() {

var scroll_offset = $("#pos").offset(); //得到pos这个div层的offset,包含两个值,top和left

$("body,html").animate({

scrollTop:scroll_offset.top //让body的scrollTop等于pos的top,就实现了滚动

},0);

}

</script>

<input type="button" value="点击button跳转" onclick="click_scroll();" />...

时间: 2024-09-30 09:58:29

jquery实现点击按钮滑动到指定位置的相关文章

使用jQuery实现点击左右滑动切换特效

使用jQuery实现点击左右滑动切换特效: HTML代码如下: 1 <!--整体背景div--> 2 <div class="warp"> 3 <!--中间内容div--> 4 <div class="divContent"> 5 <div class="content"> 6 <ul class="contentUl"> 7 <li> 8 &

jquery实现点击按钮弹出层和点击空白处隐藏层

昨天做项目遇到一个问题,和大家分享下,jquery实现点击按钮弹出层和点击空白处隐藏层的问题 if($('.autoBtn').length){                $('.autoBtn').find('.assess').unbind().bind('click',function(event){                    //取消事件冒泡                      event.stopPropagation(); if($('.abtnBox').is

RecyclerView滑动到指定位置,并置顶

一般我们用 mRecycleview.smoothScrollToPosition(0)滑动到顶部,具有滚动效果,但是如果我们想滚动到任意指定位置,那么smoothScrollToPosition()就不能保证所指定item位于屏幕顶部,那么一下提供下我解决的方法: 1.第一种方法 此方法能实现指定位置位于屏幕顶部,但是不具有平滑滚动视觉效果: if (position != -1) { mRecycleview.scrollToPosition(position); LinearLayoutM

jquery判断点击事件是否为指定区域

<script type="text/javascript"> $(document).click(function(e){ e = window.event || e; var obj = e.srcElement || e.target; if(!$(obj).is("#keywords-area ul li")) { $("#keywords-area").hide(); } }); </script> 说明: 1.

jquery 实现 点击按钮后倒计时效果,多用于实现发送手机验证码

1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 3 <html xmlns="http://www.w3.org/1999/xhtml"> 4 <head> 5 <title></title&

记录--前端 页面 jquery 被点击按钮修改样式 其他默认

jquery实现页面条件筛选 此功能类似淘宝的条件筛选,主要是页面样式的更改,问了大神也磨磨唧唧了很久才搞定0.0.... 先贴代码..... 代码知识有 border-radius 设置圆角边框 siblings() 同胞元素,这个是重点 <style type="text/css"> .list dd{margin:-20px 0px 0px 40px;} .list dd a{padding-right:10px; text-decoration: none;} .s

js jquery 实现点击按钮后,倒计时60秒才能再次点击发送验证码

1 <input type="button" id="btn" value="免费获取验证码" /> 2 <script type="text/javascript"> 3 var wait=60; 4 function time(o) { 5 if (wait == 0) { 6 o.removeAttribute("disabled"); 7 o.value="免费获取

JQuery实现点击按钮动态添加input文本框,限制个数

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title> <script src="jquery-min.js" type="text/javascript"></script><script type=&

javascript点击按钮实现复制指定内容功能

写这个函数的缘由就不必多说了,必然是:有需求,但网上又没有找到可用的代码:没办法,为了混口饭吃就必须自己写来实现需求啦!(本人第一次写博客,技术渣渣,为了提高水平,就来水博园了,内心窃喜!) 为了实现这个需求,看了很多博文,找了很多资料,奈何很多都是使用window.clipboardData.setData()之类的,现在的浏览器好像都不支持这个属性吧!(至少chrom和fireFox是不行的!),另外的就是写得很杂很乱,没有封装成一个方法:所以,我为了以后的使用方便就封装了一个兼容性不错的复