php页面太长显示网页最顶,window_点选TOP后并不是直接跳到页顶的，而是滚动上去的，如果网页太长了，一般都使用 - phpStudy...

最新推荐文章于 2024-03-07 09:49:56 发布

weixin_39785524

最新推荐文章于 2024-03-07 09:49:56 发布

阅读量74

点赞数

文章标签：网页设计 JavaScript 动画效果滚动页顶链接

点选TOP后并不是直接跳到页顶的，而是滚动上去的

如果网页太长了，一般都使用锚标签快速返回到TOP

top 确实很简单，不过却有一些高手让这个简变成不简单：

国外演示地址：http://tonyyoo.com/v2/

点选TOP后并不是直接跳到页顶的，而是滚动上去的。。而且距离页顶越长滚动的速度也就越快。。。

研究了下，用到的JS有4个：

看起来都好复杂。。不知道有没有可以精简点的代码可以实现同样的效果呢，我是做不来的了。。

在页面onload之后，遍历所有超链接，判断href中是否有#header，有的话触发scrollTo即可。。。

runcode

go to 头

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]相关阅读:

math.vbs 自然数n的n次方的的和或积的级数

javascript dragable的Move对象

attachEvent的使用方法与传递参数[IE|firefox]

用javascript实现的仿Flash广告图片轮换效果

Prototype使用指南之base.js

连接池与SQL Server 2000 Analysis Services

如何建立自己的新闻发布系统

WordPress最好用的博客系统之一

css教程：美化网页段落的排版

Javascript下判断是否为闰年的Datetime包

Samba中文显示乱码解决办法

JScript 8.0 正则表达式语法

用标准dl,dt,dd标签抛弃table列表

JavaScript 函数式编程实践(来自IBM)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_39785524

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

html document.location转到另一个网页,常用跳转代码打开网页转到其他网址

weixin_39631649的博客

06-24

2023

打开立马跳转document.location = 'http://www.webuc.cn'其他收藏记录收集了几种比较经典、比较全的跳转代码和加载代码，做自己个人网站的时候经常用到，下面分享给大家：window.location.href='http://www.webuc.cn/w/discuz/1/cy.html';一：打开网页直接跳转的代码①.PHP网页页面跳转代码XML/HTML代码：②...

weixin_36184835的博客

03-17

回到顶部总结网站中的回到顶部功能有益于增强用户体验，当一个页面很长很长时，回到顶部是必不可少的。回到顶部按钮，可以使用图片，背景图，矢量字体图标，也可以使用代码 css 生成。这里使用 css 生成的方法。html:css:#toTop {display: none;position: fixed; /* 固定定位 */right: 10px;bottom: 30px;background-col...

参与评论您还未登录，请先登录后发表或查看评论

php 自动滚动显示,超出div高度，文本自动滚动（像跑马灯一样从下往上滚动）...

weixin_32273559的博客

03-11

402

问题描述:一个div里面有文字1、如果文字没超出div高度：文字不用滚动2、如果文字太多超出了div高度，那些文字就自动滚动ps:滚动的效果就像我这个设置一样该系统于2017-06-21进行维护，望相互告知！！！求各位大神解答。。。。问题解答:div.marquee{overflow:hidden;background:#ccc;width:400px;height:140px;line-heig...

按top按钮返回顶部

a11979的博客

01-04

1059

1.首先确认返回顶部的按钮 <body> *** <span id="top">↑</span> //回到顶部按钮 </body> 2.一般将这个按钮定位在右下角，默认隐藏 <style> #top{ width: 60px; height: 40px; text-align: center; line-height: 40px; position: fi

页面滚动到某一位置吸顶_vue监听滚动事件某元素吸顶或固定位置显示详解

weixin_39940344的博客

12-21

216

本文主要为大家详细介绍了vue实现某元素吸顶或固定位置显示，监听滚动事件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。最近写了一个VUE的web app项目，需要实现某个部位吸顶的效果。即，页面往上滑动，刚好到达该部位时，该部分，固定在顶部显示。1、监听滚动事件利用VUE写一个在控制台打印当前的scrollTop,首先，在mounted钩子中给window添加一个滚动滚动监...

html页面刷新回到顶部_页面刷新后，使页面自动滚回到顶部

weixin_39774682的博客

12-20

1147

比如有一个页面，滚动条在body上，当页面滚动到下方时，如何在刷新后使页面滚动回初始位置？已尝试但是失效的方案：$(“body”).scrollTop(0);window.scrollTo(0,0);document.body.scrollTop=0;除了页面跳转，还有什么方法才能让页面刷新后复位到初始位置？上一个示例代码<!DOCTYPE html><html lang="en...

php中页面平滑回到顶部代码,返回到网页顶部代码三人行：javascript平滑滚动+jquery回到顶部＋jquery滑动过度效果...

weixin_36410277的博客

03-19

115

古老版html一行链接返回顶部上古时代的互联网，返回顶部代码就是html中的一行a标签。如下：返回顶部然到了如今这个强调动效和交互体验的前端发达时代，如果点击上边这个返回顶部，蹭的一下就直接跳到顶部，那显得有点儿太生硬和直接了，有没有用户体验更好一点儿的返回顶部代码呢？当然是有。要不javascript与jquery哪来的用武之地。纯javascript 平滑滚动到页面顶部html:Back to...

php ajax js 登陆页面跳转页面,AJAX_登录超时给出提示跳到登录页面（ajax、导入、导出），一、一般页面登录超时验证， - phpStudy...

weixin_28747829的博客

03-20

128

登录超时给出提示跳到登录页面(ajax、导入、导出)一、一般页面登录超时验证，可以用过滤器filter，如下：package com.lg.filter;import java.io.IOException;import javax.servlet.Filter;import javax.servlet.FilterChain;import javax.servlet.FilterConfig;i...

dorehtml.php,脚本命令 window.open 的所有参数详解及实例涉及页面执行后跳转和多久跳转...

weixin_29657209的博客

03-16

302

window.open的最基本用法为：window.open("http://www.angelasp.cn","_blank");"_blank"表示新打开一个窗口，同类的参数有："_self":表示替换当前窗口打开新页面，如果是在框架页里调用的此函数，则表示在该框架里打开新页面替换当前页"_top":表示替换当前页的主页面打开新页面，即使是在子框架页里调用的此函数，也会替换当前面的父框架而打开...

div移动到某一个地方就固定在那,怎么做啊

魅网工作室的专栏

03-29

3901

很多站长们，看到很多网站都有的效果，就是滚动页面时，当页面滚动到某一个DIV时，DIV就固定在页面顶部！这种效果其实很简单的我这是以我的网站导航为例，所以代码有点多，自己可以自行修改，效果的主要代码是js部分效果可以查看：魅网工作室--仿站教程 http://cqmeiwang.com/plus/list.php?tid=2 代码附下： $(function (){ va

前端笔记(Html+CSS+JS+DOM+网页特效+jQuery+HTML5+CSS3+canvas 标签+web开发重难点+面向对象+AJAX)

qq_36609655的博客

07-02

1万+

第1章Html Html：超级文本标记语言（HyperText Markup Language），在浏览器上运行的一种标记语言。就是给文本加上含有语义的标签。接下来应该学习更多具体语义标签：一、结构（固定的结构） <html> <head> <title></title> </head> <bod...

PHP 面试知识点整理归纳