`

滑块固定顶部

阅读更多

①始终顶部

<div id="d1" style="position:absolute;background:#eeeeee;border:1px dotted #000;">
<div><img src="..."/></div>
<div>content</div>
</div>
<script type="text/javascript">
function scrollImg(){
    var posX,posY;
    if (window.innerHeight) {
        posX = window.pageXOffset;
        posY = window.pageYOffset;
    }
    else if (document.documentElement && document.documentElement.scrollTop) {
        posX = document.documentElement.scrollLeft;
        posY = document.documentElement.scrollTop;
    }
    else if (document.body) {
        posX = document.body.scrollLeft;
        posY = document.body.scrollTop;
    }
 
    var ad=document.getElementById("d1");
    ad.style.top=(posY+100)+"px";
    ad.style.left=(posX+50)+"px";
    setTimeout("scrollImg()",100);
}
scrollImg();
</script>

 注意:不能写在jQuery里

分享到:
评论

相关推荐

    jQuery滑块导航顶部固定代码.zip

    "jQuery滑块导航顶部固定代码.zip" 是一个包含jQuery和CSS特效的资源包,旨在实现一种功能强大的、顶部固定的滑块导航菜单。这个特效使得导航栏在用户滚动页面时始终保持在屏幕顶部,提供了一种流畅的用户体验。 ...

    jQuery实现的响应式滑块导航顶部固定特效源码.zip

    这个“jQuery实现的响应式滑块导航顶部固定特效源码”是一个利用jQuery构建的功能,它旨在为网站提供一个适应不同屏幕尺寸且在滚动时始终保持在屏幕顶部的导航栏。下面我们将详细探讨这一技术实现及其相关知识点。 ...

    jQuery响应式顶部固定滑块导航菜单代码

    本资源提供的是一款基于jQuery的响应式顶部固定滑块导航菜单,适用于各种屏幕尺寸的设备,确保用户在浏览过程中始终保持易用性和良好的用户体验。 首先,我们要理解"响应式设计"的概念。响应式设计是指网站布局能够...

    jQuery响应式顶部固定滑块导航菜单代码.zip

    **jQuery响应式顶部固定滑块导航菜单代码** 在网页设计中,导航菜单是不可或缺的部分,它帮助用户在网站中快速定位并浏览各个页面。而响应式设计则使得这些菜单能够适应不同设备的屏幕尺寸,提供良好的用户体验。在...

    jQuery滑块导航顶部固定代码

    "jQuery滑块导航顶部固定代码"就是一个专门针对这一需求设计的解决方案。这个特效利用了JavaScript库jQuery的强大功能,创建了一个响应式的滑块导航,当用户滚动页面时,导航条会始终保持在屏幕顶部,提供持续的导航...

    jQuery滑块导航顶部固定特效代码

    "jQuery滑块导航顶部固定特效代码"是一种利用jQuery库实现的交互式导航菜单,具有响应式布局和顶部固定特性。这篇文章将详细介绍这个特效的实现原理和相关知识点。 **1. jQuery基础** jQuery是一个广泛使用的...

    粘性滑块导航,动态特效

    这种导航通常固定在屏幕顶部,即使在用户向下滚动时也能保持可见,从而提供了持续的交互性。 在"粘性滑块导航,动态特效"的场景中,我们主要涉及到以下几个关键技术点: 1. **CSS (层叠样式表)**:CSS是用于描述...

    jQuery响应式粘性滑块导航特效.zip

    当用户滚动页面时,如果导航条到达一定位置,它会变为“粘性”,始终固定在屏幕顶部,这样用户在浏览页面内容时仍然可以轻松访问导航链接。 滑块导航通常用于显示多个菜单项,但有限的屏幕空间可能不允许同时显示...

    jQuery响应式粘性滑块导航特效

    而过渡和动画效果则增强了导航栏的视觉吸引力,例如,当用户滚动页面时,导航栏可能从固定在顶部变为淡入淡出,或者在滑动到特定内容时有平滑的动画效果。 "粘性导航"(Sticky Navigation)是指导航栏在页面滚动时...

    一种微生物气溶胶采集器支架伸缩固定装置的制作方法.docx

    该装置的核心是一个缓冲座,它的顶部装有一个固定筒,内部装有与固定套筒外螺纹相匹配的内螺纹。通过螺纹连接,固定装置可以轻松地安装和拆卸,极大地提升了操作的便捷性。 缓冲组件是固定装置中最为关键的创新部分...

    一种单面板生产用钻孔装置的制作方法.docx

    而横向滑块的顶部又固定有固定杆,固定杆上开设有纵向滑槽,并在其中装有纵向滑块。这一系列滑动机构的设计,为PCB板提供了灵活的调整和精确定位能力。 为了保护PCB板在钻孔过程中不受损伤,固定杆的端部设置了橡胶...

    一种泡沫生产用发泡限位装置的制作方法.docx

    L型活动模两侧固定有固定块,它们在固定模顶部两侧滑动,并通过固定螺栓进行固定或松开,以便于调整活动模的位置,从而改变发泡范围,适应不同规格泡沫板的生产需求。 为了提高操作便捷性,固定块底部装有活动块,...

    一种无人机航拍测绘仪器支撑架的制作方法.docx

    固定板固定在底座顶部,并设有滑槽,滑槽内滑动连接T型滑块,滑块底部与活动块相连,这样的结构进一步加强了仪器的稳定性。滑块通过转轴与连杆一端相连,连杆另一端连接到活动座内部两侧。活动座顶部的弧形槽内固定...

    一种新型消防喷头的制作方法.docx

    螺纹杆的另一端固定连接有旋块,稳固板的两端均设有滑腔,滑腔内滑动连接有滑块,滑块的一侧与滑腔内壁之间固定连接有弹簧,滑块的另一侧固定连接有连接杆,连接杆的一端贯穿滑腔并固定连接有安装块,安装块的顶部一...

    一种装配式建筑外墙板施工装置的制作方法.docx

    5. 顶杆:固定在围栏顶部,增强结构稳定性。 6. 移动安装座:与升降机构固定连接,可在顶杆上滑动,便于外墙板的定位。 7. 连接滑杆:与移动安装座相连,用于安装滑板的上下滑动。 8. 移动螺块:与连接滑杆上端固定...

    一种减震式风扇的制作方法.docx

    在固定风扇座的过程中,下固定环会嵌入到下连接座上的固定槽内,通过滑块的移动来实现固定。滑块与下固定环之间有一个滑动环,滑动环的两端连接第三弹簧,弹簧的另一端固定在上固定环的底面。滑动环的底面设有固定销...

    一种消防梯的制作方法.docx

    驱动组件的核心是一个绞盘,绞盘上缠绕着连接绳,连接绳的另一端与滑块固定。当绞盘旋转时,可以通过连接绳拉动滑块在滑槽中移动。绞盘通过一个转动轴与梯体相连,转动轴的两端延伸至梯体外部,以便于驱动。为了驱动...

    微信小程序之导航滑块视图容器功能的实现代码(简单两步)

    这段代码创建了一个顶部固定、颜色为`#ff99cc`的导航栏,包含三个可点击的选项(关注、新鲜、推荐)。每个选项都有一个与之关联的`currentTab`值,用于追踪当前选中的页面。当用户点击导航项时,`switchNav`事件会被...

Global site tag (gtag.js) - Google Analytics