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

js点击按钮返回页面顶部

2016-08-22 03:08:28 在进行官网一类网站建设时,经常会出现页面太长现象,当用户滚动滚动条到最底部时返回顶部需要滚动多下滚动条,用户体验相当不好,于是就出现了当滚动条滚动到一定位置后出现返回顶部按钮...,点击该按钮返回顶部,并且有一定效果。...该方法就是利用锚点方式来返回顶部。即给最顶部div设置一个id,然后a标签链接地址写成该id,当点击时就会返回顶部,但是缺点为过于突兀,因为是立即返回顶部。...值为fixed,始终固定为浏览器某一特定位置。...,只不过给其添加了一个点击事件,此事件需要进入jquery.js文件,点击之后滚动条会有一个滚动过程,不是一下子回到顶部,个人感觉不错。

25K10

对列表hover效果小探讨

hover效果页面导航制作思路 在做顶部页面导航时,很多情况下网站需要鼠标悬停底部高亮线效果。这部分nav一般是采用ul+lian+a方式来做,li设置display为行内块元素。...今天想法是让这个悬停产生线如何跟这个字宽度相同,而不是li宽度?...这个想法关键在于这个悬停线统一是用伪元素来实现,伪元素宽度就是这个悬停线宽度,因此css类选择器应该是 .nav ul li a:hover::after格式。...但导航文字之间是有空隙,这个是个技巧,也就是设置limargin值,从而让导航按钮之间有个等大间隔。...relative;margin:0 12px;} .nav ul li a{font-size:18px; color:#464646; display: block; } .nav ul li a:hover

1.3K70
领券