社区
JavaScript
帖子详情
如何实现一个悬浮窗体在页面右边随拉动SCROLL BAR的时候移动并时刻在右边中间或者靠下部分?用JS还是用HTML就可以了?给离子吧。
CPerlAsm_Lx
2003-10-21 01:47:17
如何实现一个悬浮窗体在页面右边随拉动SCROLL BAR的时候移动并时刻在右边中间或者靠下部分?用JS还是用HTML就可以了?给离子吧。
...全文
304
3
打赏
收藏
如何实现一个悬浮窗体在页面右边随拉动SCROLL BAR的时候移动并时刻在右边中间或者靠下部分?用JS还是用HTML就可以了?给离子吧。
如何实现一个悬浮窗体在页面右边随拉动SCROLL BAR的时候移动并时刻在右边中间或者靠下部分?用JS还是用HTML就可以了?给离子吧。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
3 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
fly_dream0323
2003-10-23
打赏
举报
回复
he
longshenwang
2003-10-21
打赏
举报
回复
在页面加入
<DIV id=floater
style="Z-INDEX: 100; LEFT: 679px; WIDTH: 79px; POSITION: absolute; TOP: 15px; HEIGHT: 68px"><IMG height=80 “Internet”src="images/fly_girl.gif" width=96 border=0></DIV>
<SCRIPT language=JavaScript src="fly.js"></SCRIPT>
fly.js文件为:
//“飞天”导航图标脚本
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0;
lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
function movelogo()
{
if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY!=lastScrollY)
{ percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelTop += percent;
if(NS) document.floater.top += percent;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX)
{ percent = .1 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.floater.style.pixelLeft += percent;
if(NS) document.floater.left += percent;
lastScrollX = lastScrollX + percent;
}
}
if(NS || IE)
action = window.setInterval("movelogo()",1);
好记忆不如烂笔头abc
2003-10-21
打赏
举报
回复
看新浪网首页广告,把源代码下来不就OK了吗?简单。
纯JavaScript
实现
苹果风格单页滚动:pure
js
-onepage-
scroll
完全指南
pure
js
-onepage-
scroll
是
一个
零依赖、轻量级的纯JavaScript库,用于
实现
苹果官网风格的全屏单页滚动效果。它支持响应式设计、自定义动画参数、事件回调及
移动
端适配,无需jQuery即可快速集成。核心文件包括onepage
scroll
.
js
和onepage-
scroll
.css,适用于产品展示页、作品集、营销
页面
等单页场景。
html
页面
滚动条监听事件,滚动条的
scroll
事件
本文介绍了在
HTML
页面
中如何监听滚动条的
scroll
事件,包括如何在JavaScript中设置on
scroll
事件监听滚动,以及讨论了
scroll
事件与change事件的区别。通过示例代码展示了在不同场景下监听和处理滚动事件的方法,同时提到了在特定情况下阻止
页面
滚动的技巧。
javaScript + better-
scroll
实现
移动
端轮播图效果
本文介绍如何使用javaScript和better-
scroll
插件
实现
移动
端轮播图效果。通过详细步骤指导,从引入插件、编写
HTML
、CSS到
实现
JS
逻辑,帮助读者轻松掌握轮播图制作技巧。
better-
scroll
详解
better-
scroll
是一款轻量级原生 JavaScript 滚动插件,专为
移动
端滚动场景设计,支持竖向/横向滚动、实时位置监听、上拉加载与下拉刷新。其核心机制依赖 wrapper 容器与首个子元素 content 的高度差,需调用 refresh 方法响应 DOM 变化。关键 API 包括 on 事件监听、
scroll
与
scroll
End 事件、probeType 控制派发精度、max
Scroll
Y 和
scroll
X 配置滚动方向与范围。
如何通过
HTML
标记或
JS
代码
实现
跳转返回
页面
顶部
本文介绍了三种不同的返回网页顶部的技术:使用
HTML
锚标记、Javascript
Scroll
函数和结合Onload及
scroll
功能的方法。这些技术从简单到复杂,能满足不同需求。
JavaScript
87,988
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章