返回顶部
首页 > 资讯 > 前端开发 > JavaScript >jquery easyui滚动条部分设置介绍
  • 918
分享到

jquery easyui滚动条部分设置介绍

jqueryeasyui滚动条 2022-11-15 22:11:40 918人浏览 泡泡鱼
摘要

在使用dialog插件时,默认是屏幕居中的,但是当页面出现滚动条时,dialog并没有随着滚动条往下滚动,这时就需要用户滑动滚动条来定位dialog,这不人性化,在说出解决方案前先来

在使用dialog插件时,默认是屏幕居中的,但是当页面出现滚动条时,dialog并没有随着滚动条往下滚动,这时就需要用户滑动滚动条来定位dialog,这不人性化,在说出解决方案前先来普及一下Jquery关于定位的几个方法

//获取浏览器显示区域的高度
$(window).height();
//获取浏览器显示区域的宽度
$(window).width();

//获取页面的文档高度
$(document.body).height();
//获取页面的文档宽度
$(document.body).width();

//获取滚动条到顶部的垂直高度
$(document).scrollTop();
//获取滚动条到左边的垂直宽度
$(document).scrollLeft();

ok,下面问题就很好处理了,移动dialog有现成的函数,不过dialog本身没有move函数,但是dialog是继承自panel的,panel有move函数,因此可以调用panel的move函数来移动dialog

$('#dlg').dialog('open');
$("#dlg").panel("move",{top:$(document).scrollTop() + ($(window).height()-250) * 0.5});

其中 $(window).height()-250,这里250px是dialog的宽度。

--结束END--

本文标题: jquery easyui滚动条部分设置介绍

本文链接: https://lsjlt.com/news/172515.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • jquery easyui滚动条部分设置介绍
    在使用dialog插件时,默认是屏幕居中的,但是当页面出现滚动条时,dialog并没有随着滚动条往下滚动,这时就需要用户滑动滚动条来定位dialog,这不人性化,在说出解决方案前先来...
    99+
    2022-11-15
    jquery easyui滚动条
  • jQuery如何设置滚动条位置?
    这篇文章将为大家详细讲解有关jQuery如何设置滚动条位置?,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。如何使用 jQuery 设置滚动条位置 简介 jQuery 提供了多种方法来设置 DOM 元素的滚...
    99+
    2024-04-02
  • Easyui如何去除jquery-easui tab页div自带滚动条
    这篇文章主要介绍了Easyui如何去除jquery-easui tab页div自带滚动条,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。测试环...
    99+
    2024-04-02
  • css设置超出部分滚动条隐藏的方法
    这篇文章主要介绍css设置超出部分滚动条隐藏的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!方法:1、使用“-webkit-scrollbar”属性设置,语法“-webkit-scrollbar{display:...
    99+
    2023-06-14
  • 滚动条如何设置
    滚动条可以通过CSS进行设置。下面是一些常用的滚动条设置方法:1. 设置滚动条的宽度和颜色:```css::-webkit-scro...
    99+
    2023-08-24
    滚动条
  • jquery如何修改滚动条位置
    这篇“jquery如何修改滚动条位置”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“jque...
    99+
    2024-04-02
  • jQuery如何获取滚动条位置?
    这篇文章将为大家详细讲解有关jQuery如何获取滚动条位置?,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。jQuery 获取滚动条位置 jQuery 库提供多种方法来获取当前页面滚动条的位置,适用于不同浏...
    99+
    2024-04-02
  • css滚动条怎么设置
    随着网页的不断发展,用户喜好也在逐渐变化。而正是因为这些变化,许多网站都在逐渐更新自己的设计样式,其中一个不可或缺的元素便是滚动条。不得不说,滚动条已成为很多网站必不可少的一个设计元素。在CSS中,滚动条的样式可以通过一系列的CSS选择器来...
    99+
    2023-05-14
  • win11滚动条如何设置
    今天小编给大家分享一下win11滚动条如何设置的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。第一步,点击任务栏最左边的“wi...
    99+
    2023-07-02
  • html中div滚动条设置,DIV滚动条属性及样式设置方式
    在HTML中,可以通过CSS来设置div的滚动条属性和样式。以下是一些常见的设置方式:1. 设置div的滚动条样式:```cssdi...
    99+
    2023-09-20
    html
  • 怎么用jquery判断div滚动条到底部
    这篇“怎么用jquery判断div滚动条到底部”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“怎么用jquery判断div滚动...
    99+
    2023-07-04
  • 怎么用Jquery将DIV滚动条滚动到指定的位置
    这篇文章主要介绍“怎么用Jquery将DIV滚动条滚动到指定的位置”,在日常操作中,相信很多人在怎么用Jquery将DIV滚动条滚动到指定的位置问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,...
    99+
    2024-04-02
  • DataTables如何设置横向滚动条
    这篇文章主要为大家展示了“DataTables如何设置横向滚动条”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“DataTables如何设置横向滚动条”这篇文章吧...
    99+
    2024-04-02
  • css中设置滚动条的方法
    小编给大家分享一下css中设置滚动条的方法,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! &nb...
    99+
    2024-04-02
  • CSS怎样设置滚动条样式
    这篇文章主要介绍CSS怎样设置滚动条样式,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!   一、webkit下面的CSS设置滚动条   上面是滚动条的主要几个设置属性,还有更详尽...
    99+
    2024-04-02
  • css怎么设置滚动条样式
    css设置滚动条样式的方法:在css中可以使用scrollbar属性设置滚动条样式。<pre>::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-button 滚动条...
    99+
    2024-04-02
  • css怎么设置滚动条宽度
    小编给大家分享一下css怎么设置滚动条宽度,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!css的基本语法是什么css的基本语法是:1、css规则由选择器和一条或多...
    99+
    2023-06-14
  • javascript如何设置滚动条高度
    这篇文章主要介绍了javascript如何设置滚动条高度,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。javascript设置滚动条高度的方法:首先获得在当前选中的li前面的...
    99+
    2023-06-14
  • css如何设置滚动条颜色
    CSS中可以使用`scrollbar-color`属性来设置滚动条的颜色。该属性接受两个参数,第一个参数用于设置滚动条的滑块颜色,第...
    99+
    2023-09-17
    CSS
  • css如何设置滚动条样式
    这篇文章主要介绍“css如何设置滚动条样式”,在日常操作中,相信很多人在css如何设置滚动条样式问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”css如何设置滚动条样式”的疑惑有所帮助!接下来,请跟着小编一起来...
    99+
    2023-07-04
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作