首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

js点击按钮返回页面顶部

03:08:28 在进行官网一类的网站建设时,经常会出现页面太长的现象,当用户滚动滚动条到最底部时返回顶部需要滚动多下滚动条,用户体验相当不好,于是就出现了当滚动条滚动到一定位置后出现返回顶部按钮,点击该按钮返回顶部...即给最顶部的div设置一个id,然后a标签的链接地址写成该id,当点击时就会返回顶部,但是缺点为过于突兀,因为是立即返回顶部。...点击a标签即会返回到顶部div所在位置 再来看第二种方式 第二种方式相对来说比较人性化,看起来也比较舒服,直接先来看代码吧 落帆亭博客专注web前端开发 <a class...).animate({scrollTop:0},1000); return false; }); a标签的样式和方式和第一种方式相同,只不过给其添加了一个点击事件...,此事件需要进入jquery.js文件,点击之后滚动条会有一个滚动过程,不是一下子回到顶部,个人感觉不错。

25K10

php实现网页上一下一翻页过程详解

前言 这几天做项目因为数据太多,需要对信息进行上下翻页展示,就自己写了翻页的代码 大致功能就是页面只显示几条信息,按上一下一切换内容,当显示第一时上一和首页选项不可选,当页面加载到最后一下一和尾选项不可选..." 下一></a </li <li data-i="3" id="end" class="<?php if ($cPage==$pages-1) echo 'disabled'?...</h4 <p {content}</p </figcaption </a </li </template <em>JS</em>...,首页和上一<em>页</em>选项禁止<em>点击</em>*/ $('#index').addClass('disabled').next().addClass('disabled'); $('#end').removeClass...,尾<em>页</em>和<em>下一</em><em>页</em>选项禁止<em>点击</em>*/ $('#index').removeClass('disabled').next().removeClass('disabled'); $('#end

2.8K41
领券