元素随着滚动条滚动而滚动，但是到浏览器窗口顶部的距离是固定的功能代码...

<html xmlns="http://www.w3.org/1999/xhtml"> <head>     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />     <title>jquery浮动层</title>     <script src="jquery-1.8.3.js"></script><!-- 注意修改引用路径 -->    <style type="text/css">           #Float {height: 200px;width: 100px;position: absolute;top:    80px;right: 20px;}      </style> </head> <script language="javascript"> 　　$(document).ready(function(){ 　　    $(window).scroll(function (){                 // 让浮动层距离窗口顶部，始终保持80px　　         var offsetTop = $(window).scrollTop() + 80 +"px";            　　          $("#Float").animate({top : offsetTop },{ duration:500 , queue:false });　　    });　　});</script> <body> <div style="height:2000px;"></div> <div id="Float"></div> </body> </html>

转载于:https://www.cnblogs.com/fdxxiaobai/p/6848966.html

元素随着滚动条滚动而滚动，但是到浏览器窗口顶部的距离是固定的功能代码...相关推荐

vue watch 修改滚动条_vue实现滚动监听，点击瞄点平滑滚动，控制内嵌滚动条滚动...
滚动效果当页面滑动时,左边导航栏会自动定位到当前标题,一级标题展开,二级标题的字体变红色,字体前面有一个小图标. 上图........... Html代码 {{NItem1.ordered}} {{ ...
java怎么指定父窗口大小_[Java教程]jQuery如何获取div距离窗口顶部或者父元素顶部的距离...
[Java教程]jQuery如何获取div距离窗口顶部或者父元素顶部的距离 0 2016-01-03 11:00:19 jQuery如何获取div距离窗口顶部或者父元素顶部的距离: 在实际应用或许会需 ...
php滚动窗口多条动态,详解原生JS是实现控制多个滚动条同步跟随滚动
本文主要和大家详解详解原生JS是实现控制多个滚动条同步跟随滚动,当这两个容器元素的内容都超出了容器高度,即都出现了滚动框的时候,如何在其中一个容器元素滚动时,让另外一个元素也随之滚动. 在一些支持用 ...
js计时器案例--带滚动条的无缝滚动
带滚动条的无缝滚动一.效果图二.设计思路三.核心代码一.效果图二.设计思路第一步:克隆两个ul,使用循环计时器进行无缝滚动第二步:设置滚动的速度和时间第三步:设置鼠标进去box停止滚动 ...
Web端隐藏垂直滚动条且保留滚动效果
在做项目时,发现UI们常常为了快速出图,在设计UI图时只设计一种正常情况下的布局,但是往往实际应用中,内容超出限定区域是很常见的现象,当内容超出时,如果css样式没有设置隐藏则会出现滚动条,而滚动条的 ...
CSS隐藏滚动条，保留滚动功能
CSS隐藏滚动条,保留滚动功能原理:设置父级为溢出隐藏,而子级不进行溢出隐藏设置同时改变子级的宽度使进度条溢出到父级外面. 设置父级overflow:hidden;是为了使父级溢出隐藏.再设置子级的 ...
CSS实现隐藏滚动条但可以滚动
今天记录一个很小的问题,在工作之中会经常遇到的,当页面元素溢出的时候会产生滚动条,这个时候需要页面样式优化:CSS实现隐藏滚动条但是可以滚动. 通过设置高和voerflow,实现滚动条效果: . pa ...
python tqdm 不换行_python tqdm 实现滚动条不上下滚动代码(保持一行内滚动)
默认的tqdm的滚动条的宽度很大,所以会使得总长度超过窗口一行所能显示的量,所以发生上下滚动解决方法:初始化tqdm时,初始化行数参数ncols=10,这个值可以自己调:尽量大到不能引起上下滚动,同 ...
vue 固定div 滚动_vue.js-div滚动条隐藏但有滚动效果的实现方法
组件被包在一个高度固定的div mounted () { var boDiv = document.getElementById(this.id); if(boDiv == undefined){ r ...

元素随着滚动条滚动而滚动，但是到浏览器窗口顶部的距离是固定的功能代码...

元素随着滚动条滚动而滚动，但是到浏览器窗口顶部的距离是固定的功能代码...相关推荐

最新文章

热门文章