如何使用固定位置的 jQuery 可拖动?

2023-12-28

它在 Firefox 中完美运行,但在 ie、chrome 和 Opera 中不起作用。

<div> has position:fixed, and is .draggable()

除了 Firefox 之外它不起作用


不要在 CSS 中设置固定:它适用于 firefox、chromium、safari、iexplore

var div = $('#id');
div.resizable(
{
    stop: function(event, ui)
    {                       
        var top = getTop(ui.helper);
        ui.helper.css('position', 'fixed');
        ui.helper.css('top', top+"px");         
    }       
});
div.draggable(
{
    stop: function(event, ui)
    {           
        var top = getTop(ui.helper);
        ui.helper.css('position', 'fixed');
        ui.helper.css('top', top+"px");
    }
});

function getTop(ele)
{
    var eTop = ele.offset().top;
    var wTop = $(window).scrollTop();
    var top = eTop - wTop;

    return top; 
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用固定位置的 jQuery 可拖动? 的相关文章

  • 通过 jQuery 选择动态 HTML 元素

    我正在构建一个 ASP NET MVC 应用程序 并且正在使用jQuery Blueimp https github com blueimp jQuery File Upload动态添加到页面的 PartialView 上的插件 根据插件的
  • 如何使用 jquery-validate 本地化

    有没有办法使用存储库中现有的翻译来动态 即从 JS 代码 设置 更改错误消息的语言 非解决方案 1 加载本地化脚本
  • 自定义 jQuery 验证 .addMethod

    我有一个表单 可以根据最小 最大长度验证邮政编码 我需要将所有国家 地区的邮政编码最小设置为 5 位数字 澳大利亚除外 澳大利亚需要为 4 位数字 这是我遇到的问题 validator addMethod AusZip function v
  • MailTo 从 Javascript

    我有一个链接按钮 用于从页面内容构建邮件 从 javascript 启动它而不打开空白窗口或干扰调用它的窗口的最佳方法是什么 function Email var sMailTo mailto var sBody var alSelecte
  • JQuery datepickers-从开始日期设置结束日期

    使用了两个 Jquery 日期选择器 StartDate 和 EndDate
  • .live() 或 .livequery()

    我有一个Ajaxed的网站 Ajax的内容来自其他页面 例如about html contact html ajax 从名为 main content 的 div 获取内容 但是在 ajax 调用之后 我的其余脚本就中断了 比如tinysc
  • 销毁 JQuery 可拖动对象

    我有一组可拖动的元素 如何删除可拖动功能 draggable draggable disable 对我来说不是一个选择 draggable draggable destroy 回报Uncaught TypeError Cannot read
  • 与 IE8 兼容的最新 jQuery 版本是什么?

    我正在开发 Bootstrap 3 网站 并且我使用的 jQuery 版本 1 9 1 遇到了一些问题 我升级到 2 1 0 我的问题消失了 但是 这破坏了 IE8 兼容性 因为 2 1 0 不再支持 IE8 并且 jQuery 在该浏览器
  • 如何通过 jQuery 中的类获取特定 html 元素的innerHTML?

    我有这样的 HTML 代码 div class a html value 1 div div class a html value 2 div 我怎样才能访问html value 1 and html value 2使用jquery 分别地
  • jquery-traversing:选择 -> 选项 -> 文本

    我想将变量与选择 gt 选项 gt 选择的文本进行比较 以更改 选定 属性 这是我的代码 它有效 但我认为这不是最好的编写方式 请原谅我的英语 我使用谷歌翻译寻求帮助嘿嘿嘿 var lista example 1 id option eac
  • 使用cheerio 检索href

    我有一个下载的 html 文件 看起来像这样 div div div div style height 11px color white font size 9px font weight bold div div style border
  • 从旧的外部 Javascript 更改 React 组件的状态?

    如何从旧的 jQuery soup 中更改 React 组件的状态 代码 我有一个这样的组件 var AComponent React createClass getInitialState function return ids rend
  • jQuery Mobile showPageLoading Msg()/hidePageLoading Msg() 方法在初始页面加载时不起作用

    我正在使用 jQuery Mobile 编写一个 Web 应用程序 该应用程序调用一个函数将记录加载到 localStorage 中 并在最初创建页面时从远程 JSON 文件创建列表视图 使用live pagecreate 页面的事件 该函
  • 动态添加案例到交换机

    我需要动态地将案例添加到交换机 我希望用户能够添加项目 并且每个项目都需要它自己的开关盒 您可以使用带有回调函数的对象 You can have initial cases var callbacks something gt 42 and
  • 我希望 jQuery 验证器向表单元素的父级添加一个类

    我该如何使用jQuery 验证器 http docs jquery com Plugins Validation添加 删除类名 例如validate 在表单元素的父元素上 li 这样我就可以通过仅设置一个类名来设置与该元素相关的所有内容的样
  • 如何在bootstrap中默认隐藏侧边栏?

    我在这里有一个很好的参考 作为 Bootstrap 在设计 Web 表单应用程序时的侧边栏 http startbootstrap com template overviews simple sidebar http startbootst
  • jQuery 检查字体粗细是正常还是粗体

    我使用以下代码设置 font weight 属性 this css font weight normal 现在我想检查一个元素是否具有粗体或正常的字体粗细属性 我该怎么做 你可以使用以下方法得到它 fontWeight this css f
  • minHeight 有什么作用吗?

    在附图中 我希望按钮列与图像的高度相匹配 但我也希望按钮列有一个最小高度 它正确匹配图像的高度 但不遵守 minHeight 并且会使按钮向下滑动 我正在为按钮列设置这些属性
  • 如何使用Jquery获取MS下拉列表的选定值

    我在我的 MVC 项目中使用了 MS 下拉列表 现在我想使用 Jquery 获取 MS 下拉值 如何才能做到这一点呢 Country msDropdown 我想使用 JQuery 获取 INDIA 的选定值 var countryName
  • 弹出窗口的动态高度取决于内容,可能吗?

    是否有可能获得一个宽度始终为 400px 的弹出窗口 但根据弹出窗口中的内容动态高度 我已经看到了这个 但不知道如何将其应用到弹出窗口 调整 iframe 的宽度高度以适应其中的内容 https stackoverflow com ques

随机推荐

  • 通过 oData API 从 Power BI 访问 Azure Devops 用户故事中的描述和接受标准

    我正在尝试从 PowerBI 的 Azure DevOps 的用户故事工作项类型中检索描述和接受标准字段 我尝试过 oData feed 还配置了分析视图 并搜索了在线文档 但均无济于事 有没有人成功地做到过这一点 我实际上想做的是确定两个
  • 简单类 - 是内存泄漏吗?

    我有一个非常简单的类 它有一个整数变量 我只是将变量 i 的值打印到屏幕上并递增它 并使线程休眠 1 秒 当我针对此方法运行探查器时 即使我没有创建任何新变量 内存使用量也会缓慢增加 执行此代码大约 16 小时后 我发现内存使用量增加到 4
  • 如何禁用基于颜色的分组条形图表达?

    我有一个包含 3 列的 pandas 数据框 名称 组 值 我想制作一个水平条形图 从最高值到最低值排序 并根据组列中的值对每个条形进行着色 问题是 当我添加颜色参数时 条形也会按颜色排序 是否可以使条形不按颜色分组在一起 这是我尝试过的
  • 如何在Flutter中制作倒圆角的容器?

    这是制作圆角容器的方法 Container decoration BoxDecoration borderRadius BorderRadius circular 10 但是有没有办法制作如下图所示的倒圆角呢 我在网上找不到任何东西 作为一
  • jQuery - 触发器('click')在 IE 中不起作用 - 对象不支持此属性或方法

    我有一个图像 悬停时有一个淡入淡出的覆盖 div 其中显示文本链接 单击链接时 它会打开一个包含内容的影子框 我希望整个覆盖 div 都是可点击的 所以我使用了 div overlay each function this click fu
  • 错误 SocketEnginePolling:长轮询请求期间出错

    let manager SocketManager socketURL URL string Some url config log true compress var socket SocketIOClient var name Stri
  • 使用 Socket 将数据从 [Python 客户端] 发送到 [C# 服务器]

    我想使用简单的套接字应用程序将字节数据从 Python 客户端发送到 C 服务器 C 服务器与 C 客户端运行良好 但是当我尝试使用 Python Socket 将数据发送到 C 服务器时 数据永远不会到达 我不太习惯 Python 有人可
  • PhoneGap、Bootstrap 还是 JQuery Mobile? [关闭]

    Closed 这个问题是基于意见的 help closed questions 目前不接受答案 我有一个用 HTML CSS 和 JavaScript 编码的 Web 应用程序 我对这个应用程序的目标是最终让它在各种移动设备上运行 并保留网
  • 我可以将 webpack 源映射和源代码文件放在单独的文件夹中吗?

    我读了这个问题生产中的源映射文件 安全吗 https stackoverflow com questions 27345520 source maps files in production is it safe 我想用源代码在不同的文件夹
  • 在 Grails 中验证 IP 地址

    我正在寻找一种通过约束验证 Grails 中的 IP 地址的方法 这样的事情可能吗 package example class Ip String ip static constraints ip unique true inetAddre
  • C#:shlwapi.dll 中 StrCmpLogicalW 的实现或替代

    为了在我的应用程序中进行自然排序 我当前在 shlwapi dll 中 P Invoke 一个名为 StrCmpLogicalW 的函数 我正在考虑尝试在 Mono 下运行我的应用程序 但当然我不能拥有这个 P Invoke 东西 据我所知
  • Python 继承 - 如何禁用函数

    在 C 中 您可以通过在子类中将其声明为私有来禁用父类中的函数 在 Python 中如何做到这一点 IE 如何从孩子的公共界面隐藏父母的功能 Python 中确实不存在任何真正的 私有 属性或方法 您可以做的一件事就是简单地重写子类中不需要
  • 声明空析构函数可防止编译器调用 memmove() 来复制连续对象

    考虑以下定义Foo struct Foo uint64 t data 现在 考虑以下定义Bar 它具有相同的数据成员Foo 但有一个empty 用户声明的析构函数 struct Bar Bar lt empty user declared
  • 反转位数组中的位顺序

    我有一长串位存储在无符号长整数数组中 如下所示 struct bit array int size nr of bits unsigned long array the container that stores bits 我正在尝试设计一
  • 将图像从 url 转换为 Base64

    使用图像文件 我获取需要发送到网络服务的图像的 URL 从那里图像必须保存在我的系统本地 我正在使用的代码 var imagepath imageid val from this getting the path of the select
  • Cordova iOS 将单页屏幕方向更改为横向

    我有一个用 Cordova 3 为 iPhone 开发的应用程序 目前该应用程序运行良好 我还限制了当前应用程序的横向视图 即应用程序仅以纵向显示 应用程序由大量描述和报告页面组成 我想要的是纵向显示所有页面并横向显示报告页面 我使用 Ba
  • 在MFC中创建窗口时如何获得最大可能的窗口大小?

    我需要获得正在创建的窗口的最大可能高度和宽度 窗口不会首先最大化 怎么做 您可以使用获取系统指标 https msdn microsoft com en us library windows desktop ms724385 v vs 85
  • 将 SQL 转换为 LINQ 查询 [关闭]

    Closed 这个问题需要细节或清晰度 help closed questions 目前不接受答案 我有以下 SQL 查询 我需要将它放在 LINQ 中 我尝试了几件事 但无法让它工作 这是 SQL 查询 SELECT ST Descrip
  • 如何在 ColdFusion <2016 中保留结构中的分配顺序

    ColdFusion 不保留元素分配给结构的顺序 在我的特定情况下 当我需要从此结构创建 SOAP 信封并且接收者需要以特定顺序接收信封中的数据时 这就产生了问题 从 ColdFusion 2016 及更高版本开始 StructNew 方法
  • 如何使用固定位置的 jQuery 可拖动?

    它在 Firefox 中完美运行 但在 ie chrome 和 Opera 中不起作用 div has position fixed and is draggable 除了 Firefox 之外它不起作用 不要在 CSS 中设置固定 它适用