jQuery页面滚动浮动层智能定位实例代码
发布时间：2024-04-22 22:22:16
标签：浮动层,智能定位
HTML代码：
<div class="float" id="float">
我是个腼腆羞涩的浮动层...
</div>
JS代码：
$.fn.smartFloat = function() {
var position = function(element) {
var top = element.position().top, pos = element.css("position");
$(window).scroll(function() {
var scrolls = $(this).scrollTop();
if (scrolls > top) {
if (window.XMLHttpRequest) {
element.css({
position: "fixed",
top: 0
});
} else {
element.css({
top: scrolls
});
}
}else {
element.css({
position: "absolute",
top: top
});
}
});
};
return $(this).each(function() {
position($(this));
});
};
//绑定
$("#float").smartFloat();
0
投稿猜你喜欢
vue-amap是对高德地图JS API进行封装的、适用于vue项目的地图组件库。在笔者开发的很多项目中都有用到，相比直接使用高德地图JS- 什么是可变/不可变对象不可变对象，该对象所指向的内存中的值不能被改变。当改变某个变量时候，由于其所指的值不能被改变，相当于把原来的值复制一份
- 本文实例讲述了python实现多进程按序号批量修改文件名的方法。分享给大家供大家参考，具体如下：说明文件名命名方式如图，是数字序号开头，但是
- 在使用SQL Server 的过程中,由于经常需要从多个不同地点将数据集中起来或向多个地点复制数据,所以数据的导出,导入是极为常见的操作.我
- 本文实例讲述了JavaScript设计模式之模板方法模式原理与用法。分享给大家供大家参考，具体如下：一、模板方法模式：一种只需使用继承就可以
- 前言：在日常开发的过程中，有时候会临时用到一些简单的函数，她们的业务逻辑会相对简单，简单到并不值得让他们留下名字，这个时候，就很值得使用匿名
- 1.软件环境Windows10 教育版64位Python 3.6.32.问题描述我们在定义一个函数或者是调用一个函数的时候，总是希望能够知道
- 今天讲下软件开发中最常见的历史数据迁移方式。在讲迁移之前，先简单介绍下几个基本概念。1、什么是历史数据迁移？简单直白地说：就是将一些创建时间
- 发现问题在使用pip install下载其他包时，报了错，如图：提示：“You are using pip versio
- 前言yolo算法作为one-stage领域的佼佼者，采用anchor-based的方法进行目标检测，使用不同尺度的anchor直接回归目标框
- 原理经度 phi，纬度 theta 处的坐标为：x =R* cos(phi) * cos(theta)y = Rsin(phi) * cos
- 实例如下：<!DOCTYPE html><html><head><script src="
- pyc的破解相对容易，使用cython将python文件编译成.so文件，能在一定程度上增强python源码的私密性。编译成.so文件环境准
- 函数名称：CheckForm_JS(frmName,errStr)功能：用ASP的方法动态写出JavaScript的表单验证的函数check
- 本文实例讲述了CI操作cookie的方法。分享给大家供大家参考，具体如下：CI 操作cookie 有三种方法，2中Ci自带的，其
- 本文实例讲述了Selenium鼠标与键盘事件常用操作方法。分享给大家供大家参考，具体如下：Selenium是一个用于Web应用程序测试的工具
- 本文对djangoHTML的表单控件中的单选及多选进行介绍，并说明如何进行参数传递。1.HTML中的表单控件：在HTML中表单的书写一般为：
- 被分割的字段一定是有限而且数量较少的，我们不可能在一个字符串中存储无限多个字符 这个字段所属的表与这个字段关联的表，一定是一对多的关系 比如
- 看了下函数本身的docgetattr(object, name[, default]) -> valueGet a named att
- 问题你的程序崩溃后该怎样去调试它？解决方案如果你的程序因为某个异常而崩溃，运行 python3 -i someprogram.py 可执行简
