<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<script type="text/javascript">
var timer
function scrolltop()
{
document.getElementById('scrollmenu').style.top=document.documentElement.scrollTop || document.body.scrollTop || 0;
//兼容写法。页面具有DTD时，使用document.documentElement.scrollTop；没有指定DTD时使用document.body.scrollTop，所以用## || ## || 0 兼容
timer=setTimeout("scrolltop()",1) //1毫秒调用一次scrolltop()方法
}
function stoptimer()
{
clearTimeout(timer)
}
</script>
</head>
<body onload="scrolltop()" onunload="stoptimer()">
<div id="scrollmenu" style="position:absolute;">
<b>置顶菜单</b><br />
<a href="###">导航一</a><br />
<a href="###">导航二</a><br />
<a href="###">导航三</a><br />
<a href="###">导航四</a><br />
</div>
<p style="height:1000px">当页面出现滚动条的时候，菜单依然置顶<br />默认为左上角置顶，当为id="scrollmenu"的style添加属性right:0则右上角置顶</p>
</body>
</html>
分享到：
相关推荐
预览地址：https://blog.csdn.net/qq_42431718/article/details/141063602 html+css+js网页设计 软通动力网站2个页面（带js）首页轮播图+置顶导航
预览地址：https://blog.csdn.net/qq_42431718/article/details/140955187 html+css+js前端作业原神8个页面（带js）有轮播图，一键置顶等功能
预览地址：https://blog.csdn.net/qq_42431718/article/details/141165574 html+css+js网页设计 电商戴欧妮珠宝网3个页面 有轮播图，折叠面板，一键置顶等功能
预览地址：https://blog.csdn.net/qq_42431718/article/details/141027789 html+css+js网页设计 大众点评1个页面6个效果 有轮播图 一键置顶 弹出当前时间 鼠标移入等效果
帖子页面： 显示 当前帖子的标签 如 官方 置顶 等。 同时分权限等级 可以 进行 置顶 删除等操作 评论： 可以对当前帖子进行评论，也可以对某条帖子进行评论，也可以回复其他评论者 帖子发表： 可以选择 帖子类型 ...
- **隐藏浏览器地址栏&置顶页面**: - 通过`$(document).ready()`函数和`setTimeout`实现了页面加载完毕后自动隐藏浏览器地址栏的功能。 - 针对Android和iOS的不同行为，提供了不同的解决方案，如`javascript:...
预览地址：...学生作业，歌帝梵官网首页，里面的功能包含，1：轮播图，2：置顶导航，3：视频播放，4：二级菜单，5：鼠标滑过文字变色，6：图片变大，7：滚动动画
- CSS定位：在JavaScript实现置顶前，我们需要理解CSS中的定位方式，如`position: static`（默认值，不进行定位）、`relative`（相对定位，基于元素自身的位置偏移）、`absolute`（绝对定位，相对于最近的非静态...
在JavaScript实现置顶和置底功能时，CSS是基础。`position`属性可以设置为`static`（默认值）、`relative`、`absolute`和`fixed`。其中，`fixed`是我们实现置顶和置底的关键，因为它可以使元素相对于浏览器窗口定位...
总结起来，这个项目展示了如何结合CSS和JavaScript来创建一个交互式的呼吸灯效果，并能根据需求将其置顶或置底。通过调整CSS的动画关键帧和JavaScript对DOM的操作，我们可以实现各种定制化的功能，为用户提供更加...
本文将深入探讨如何使用JavaScript实现表格行的上下移动、置顶和置底功能，以及相关辅助操作。 首先，`js操作table行的上下移动，置顶置底`这个主题涉及到的主要技术是DOM操作，事件监听和数组处理。DOM（Document ...
网页局部div随滚动条置顶滚动是一...总的来说，实现网页局部div随滚动条置顶滚动涉及HTML结构、CSS样式以及（可选的）JavaScript或jQuery的交互。通过理解这些技术，开发者可以创建出更富交互性和用户体验良好的网页。
在互联网世界中，JavaScript（简称JS）是一种广泛使用的编程语言，尤其在网页开发中起着至关重要的作用。淘宝，作为中国最大的电商平台之一，其页面设计和交互体验深受用户喜爱，其中“置顶”功能就是一个典型的例子...
页面使用了Html+Javascript+ASP.Net作为B/S模式下的前台开发工具，C#作为B/S模式下的后台编码语言，ASP.NET作为B端的数据访问技术，SQL SERVER 2012作为后台的数据库，页面的加载、效果作为div+css作为网页布局。...
“html js+css+html”标签说明了实现这些功能的技术栈，主要是HTML负责结构，CSS负责样式，JavaScript负责交互和动态效果。 在压缩包内的“故宫官网首页”文件中，学生可能包含了HTML文件（包含页面结构和脚本引用...
总结，"跟随置顶导航条 js例子代码"涉及到的知识点包括HTML结构、CSS样式、jQuery选择器和事件处理、JavaScript的DOM操作以及滚动事件监听。通过学习和实践这些知识点，开发者可以创建更加友好的用户界面，提升网页...
这种特效是通过JavaScript和CSS实现的，在实际开发中有不少用途，下面是我找到的一个使用JavaScript制作的仿淘宝智能浮动的源代码，兼容性不错，在IE、Firefox、Chrome下都能正常工作。 使用这个特效代码需要注意，...
Vue + Js + Sass + Css3 + Vue-resouse 等 前提 项目需求：建立一个平台能够提供给玩家交流的地方。 功能需求 一个聚合页面，提供当前最新的帖子 个人模块：显示头像，个人昵称，个人已经加入的主题 热门讨论： ...
总之，悬浮置顶是通过CSS和JavaScript配合实现的一种交互效果，它利用了CSS的定位属性和JavaScript的事件监听及DOM操作。在实际项目中，我们可以根据需要选择纯JavaScript或者使用jQuery这样的库来简化代码。
在JavaScript（JS）编程中，动态置顶、置底、上移和下移通常是用于处理数据列表或表格的常见操作，这些操作可以增强用户界面的交互性和可用性。本篇文章将详细探讨如何利用JS实现这些功能。 首先，我们需要理解基础...