js-点击按钮页面滚动到顶部,底部,指定位置

之所以笔记一下这个,因为我在项目中经常用到。

$(‘.scroll_top‘).click(function(){$(‘html,body‘).animate({scrollTop: ‘0px‘}, 800);});     //页面滚动至顶部
$(‘.scroll_a‘).click(function(){$(‘html,body‘).animate({scrollTop:$(‘.a‘).offset().top}, 800);});    //页面滚动至指定的位置
$(‘.scroll_bottom‘).click(function(){$(‘html,body‘).animate({scrollTop:$(‘.bottom‘).offset().top}, 800);});   //页面滚动到底部

原文地址:https://www.cnblogs.com/liuqingxia/p/8961750.html

时间: 2024-10-06 23:40:25

js-点击按钮页面滚动到顶部,底部,指定位置的相关文章

js平滑滚动到顶部,底部,指定地方

文章出自:http://www.daixiaorui.com/read/92.html 采用锚点进行页面中的跳转的确很方便,但是要想增加网页的效果,可以使用jquery中的animate,实现滚动的一个动作,慢慢的滚动到你想跳转到的位置,从而看起来会非常高大上. 示例演示地址:http://www.daixiaorui.com/Public/demo/js/scroll.html 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transiti

html网页中 点击按钮页面跳转

在html页面中 实现点击按钮页面跳转.语句如下: <input type="button" value="跳转" onClick="window.location.reload('学生报名注册.htm');"> 点击“跳转”按钮时 便跳到学生报名注册页面. 注:input里的类型"type"必须等于"button",如果是type="submit",此js不起作用.

[jquery]判断页面滚动到顶部和底部(适用于手机web加载)

//判断页面滚动到顶部和底部 $(window).scroll(function(){ var doc_height = $(document).height(); var scroll_top = $(document).scrollTop(); var window_height = $(window).height(); if(scroll_top == 0){ alert("到顶啦"); }else if(scroll_top + window_height >= doc

js原生 + jQuery实现页面滚动字幕

js原生/jQuery实现页面滚动字幕效果 17:45:49 在新闻列表或者文章列表信息等页面中很容易要求实现字幕滚动的效果,以下为简单的实现页面中滚动字幕的效果 1.jQuery实现页面滚动字幕效果 代码如下: <div class="box"> <ul class="list"> <li>这是滚动加载的第1条数据</li> <li>你猜猜这是第几条滚动加载的文字</li> <li>

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

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

基于jQuery实现页面滚动时顶部导航显示隐藏效果

<!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Title</title> <link rel=&quo

JS点击按钮弹出窗口

由于没有系统学习过JS,遇到一个需求:点击按钮,弹出一个独立的窗口. 在网上百度了一下,并没有找到满意的结果,最重要的是各种方法很复杂.最终,仔细研究了一下,原来只是需要只要一个简单的函数就能满足自己的需求:window.open(). window.open() 功能:open() 方法用于打开一个新的浏览器窗口或查找一个已命名的窗口. 语法: window.open(URL,name,specs,replace) 其中,URL为指定的要打开的页面的url: name,指定target属性或窗

转的滚动事件,慢慢滚到顶部或者指定位置

这篇文章主要介绍了使用jquery animate创建平滑滚动效果,效果可以滚动到顶部.到底部或页面中指定地方,生要的是非常平滑,很舒服,需要的朋友可以参考下 滚动到顶部: $('.scroll_top').click(function(){$('html,body').animate({scrollTop: '0px'}, 800);}); 滚动到指定位置: $('.scroll_a').click(function(){$('html,body').animate({scrollTop:$(

关于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); }