社区
JavaScript
帖子详情
如何实现一个悬浮窗体在页面右边随拉动SCROLL BAR的时候移动并时刻在右边中间或者靠下部分?用JS还是用HTML就可以了?给离子吧。
CPerlAsm_Lx
2003-10-21 01:47:17
如何实现一个悬浮窗体在页面右边随拉动SCROLL BAR的时候移动并时刻在右边中间或者靠下部分?用JS还是用HTML就可以了?给离子吧。
...全文
254
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了吗?简单。
Qt
实现
小功能之列表无限加载(创意很不错:监听滚动条事件,到底部的时候再new QListWidgetItem)
原文地址 ...当用户往下拖动滚动条或使用鼠标滚轮的时候,
页面
会自动加载剩余的内容。如下: 简约而不简单,正是这种别出心裁,突破常规的设计才能得到用户的青睐……
实现
思路 在前端开
Windows 窗体消息大全(速查)
Windows窗口消息大全,全不全自己撸 通用窗口消息 WM_NULL:--------->空消息,可检测程序是否有响应等 WM_CREATE:--------->...
移动
一个
窗口 WM_SIZE:--------->改变
一个
窗口的大小 WM_ACTIVATE:---...
微信小程序开发--uniapp
uniapp是
一个
使用Vue.
js
开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。 截止2020年8月份,uniapp已经支持一套...
uniapp pages.
js
on
页面
路由
非H5端,手机顶部状态栏...uni-app提供了状态栏高度的css变量,如果需要把状态栏的位置从前景
部分
让出来,可写
一个
占位div,高度设为css变量。-- 这里是状态栏 --> < view > 状态栏下的文字 < style > .status_bar {
前端(jQuery)小知识
1、固定窗体悬浮$(function () { $(window).
scroll
(function () { //定义鼠标滚动高度 var windown
Scroll
= $(window).
scroll
Top(); //一定范围内保持高度不变 if(windown
Scroll
660 && windown
Scroll
>10){
JavaScript
87,901
社区成员
224,629
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章