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

<body>

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-11-29 11:12:50

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

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

使用jQuery实现点击左右滑动切换特效: HTML代码如下: 1  2 <div class="warp"> 3  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

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

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

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是不行的!),另外的就是写得很杂很乱,没有封装成一个方法:所以,我为了以后的使用方便就封装了一个兼容性不错的复