jquery固定位置浮动

示例：

 <!DOCTYPE html>

 <html>

 <head>

     <title>test page</title>

     <script src="./jquery.js"></script>

     <script type="text/javascript">

     $(function(){

         $(".L_delete_wrap").click(function(){

             var scrollTop=$(window).scrollTop();

             $(".L_delete_wrap").css('top',scrollTop+50+'px');

         });

         $(window).scroll(function(){

             var scrollTop=$(window).scrollTop();

             $(".L_delete_wrap").css('top',scrollTop+50+'px');

         });

     });

 </script>

 </head>

 <body>

 <a id="tp">dsfsdfsd</a>

     <div class="L_delete_wrap" style="display: block; position: absolute;">

         <div class="m_login_frame_con">

             <div class="m_login_frame_tit"><strong>来自网页的消息</strong><a href="javascript:;" class="m_login_frame_colse">&nbsp;</a></div>

             <p>删除后该订单将会消失，确认删除？</p>

             <div class="btns">

                 <a class="sure" href="javascript:void(0);">确定</a>

                 <input type="hidden" value="<?php echo $item['ordercode'];?>">

                 <a class="cancel" href="javascript:;">取消</a>

             </div>

         </div>

         <input type="hidden" id="delete_orderno">

     </div>

         1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>

         1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>

         1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>

         1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>

                 1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>

         1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>

         1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>

         1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>

 </body>

 </html>

jquery固定位置浮动的更多相关文章

jQuery防京东浮动网站楼层导航代码
jQuery防京东浮动网站楼层导航代码 <!DOCTYPE html > <html xmlns="http://www.w3.org/1999/xhtml" ...
ie6下固定位置的实现
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
前端 -----jQuery的位置信息
08-jQuery的位置信息 jQuery的位置信息跟JS的client系列.offset系列.scroll系列封装好的一些简便api. 一.宽度和高度获取宽度 .width() 描述:为匹配的 ...
python 全栈开发，Day55(jQuery的位置信息,JS的事件流的概念(重点),事件对象,jQuery的事件绑定和解绑,事件委托(事件代理))
一.jQuery的位置信息 jQuery的位置信息跟JS的client系列.offset系列.scroll系列封装好的一些简便api. 一.宽度和高度获取宽度 .width() 描述:为匹配的元素集 ...
jQuery的位置信息
<head> <meta charset="UTF-8"> <title>jquery的位置信息</title> <style ...
一款基于jquery固定于顶部的导航
今天给大家分享一款基于jquery固定于顶部的导航,这款导航当浏览器滚动条位于顶部时,导航高度较高,当浏览器滚动向下滚动时,导航高度自动减低,并位于顶部.效果图如下: 在线预览源码下载实现的代 ...
jQuery实现的浮动层div浏览器居中显示效果
本文实例讲述了jQuery实现的浮动层div浏览器居中显示效果.分享给大家供大家参考,具体如下: 1.在页面的head中引入jQuery <script type="text/java ...
HTML中设置在浏览器中固定位置fixed定位
之前的博文 HTML布局排版之制作个人网站的文章列表,中链接到的文章本身,也需要返回到列表主页,可在每个文章页面加导航条,也可以只加个返回到列表主页的链接.刚开始是想在博文最下方,加个返回文章列表的链 ...
opencv、numpy中矩阵转置，矩阵内的固定位置相应的坐标变换
opencv.numpy中矩阵转置,矩阵内的固定位置相应的坐标变换

随机推荐

vc++返回模块路径
#include "stdafx.h"#include <Windows.h>#include <string.h>const int MAXPATHLEN ...
简单的maven项目
手动建立一个简单的maven项目,不使用eclipse 好吧,第一步:建立一个项目路径,比如在d盘新建一个mavenTest文件夹,在mavenTest文件夹中建立HelloMaven的文件夹,作为项 ...
CSS3之盒模型
1. 什么是盒模型? css中的每个元素都是一个盒模型, 包括html body元素, 浏览器解析css的时候也会把每个元素看成一个盒子来解析. 盒模型具备的属性(存在的特点)有: content ( ...
Django 模型层之多表操作
一.创建模型实例: 作者表: 拥有字段:姓名(name),性别(sex),该表与书籍表之间为多对多的关系作者详情表: 拥有字段:地址(addr),手机号(phone),该表与作者表之间为一对一的关 ...
Windows 8 Metro风格颜色表-Metro colours
http://huaban.com/pins/538986818
Android菜单(动画菜单、360波纹菜单)
Android菜单(动画菜单.360波纹菜单) 前言:Android菜单常用集合:FragmentTabHost系统菜单.上移式菜单.360波纹菜单.展开式菜单.详解注释,可直接拿来用! 效果: ...
mongodb 3.4 TAR包启动多个实例
1:解压压缩文件 tar .tgz mkdir /home/maxiangqian/ mv mongodb /home/maxiangqian/ 2:加入环境变量 export PATH/bin:$P ...
MYSQL连接相关参数和状态值详解
针对mysql的连接参数和状态值,本文做些介绍和对比一.MYSQL连接参数变量 1.常用连接数限制参数 show variables like '%connect%'; | max_connect_ ...
TcpListener、TcpClient
1.TcpClient using System; using System.Text; using System.Net.Sockets; namespace tcpclient { class t ...
错误: 安装必备组件失败: 安装必备组件失败: SqlInstanceRtc 有关详细信息
错误: 安装必备组件失败: 安装必备组件失败: SqlInstanceRtc 有关详细信息查看错误得知是安装sqlexpr_x64.exe的时候出现了错误解决: 通过打开skype镜像,找到sql ...

jquery固定位置浮动

jquery固定位置浮动的更多相关文章

随机推荐

热门专题