jQuery colorbox：如何更改颜色框的位置

原文

默认情况下,颜色框在屏幕上显示为垂直和水平居中.有没有办法改变它,例如从顶部垂直和水平居中10％？

解决方法

这将覆盖顶部位置,您可以使用左侧等同样做： 
#colorBox { top: 100px !important; }

10％来自top会比较棘手,你必须在每次显示colorBox时在onload回调中实现自己的定位逻辑,或者扩展colorBox的代码,但没有快速的方法来做到这一点.

UPDATE

ColorBox现在有一个内置选项来执行此操作：

$("a").colorBox({ top: 100,left: "50%" })

更新2

如果您没有使用彩盒,我强烈推荐使用qTip2.更好的位置处理(jQuery UI样式),更清晰的HTML输出和更简单的IE< 8支持.

jQuery colorbox：如何更改颜色框的位置的更多相关文章

  1. 微信小程序canvas实现水平、垂直居中效果

    这篇文章主要介绍了小程序中canvas实现水平、垂直居中效果,本文图文实例代码相结合给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下

  2. ios – 如何垂直居中UICollectionView内容

    我试图动态地居中UICollectionView的内容,但是现有的解决方案都没有考虑到每行可能有多个单元格的事实.我在这里尝试了这个centercustomtitleinUINavigationBar?以及两种解决方案：UICollectionViewverticallyCentred,无济于事.我很惊讶iOS默认情况下无法做到这一点,甚至更多的是无法获得当前显示的行数(这也解决了我的问题).此外

  3. ios – 使用NSLayoutConstraint垂直居中两个视图

    解决方法通过这样做,我能够做到这一点：棘手的部分是恒定值.该值是所有视图高度的一半,包括它们的分隔符.这意味着,如果imageview的高度为360,按钮的高度为70,分隔符为60,则该常量将为/2=245.确实应该有一种更聪明的方式,但是现在我觉得这没关系.

  4. ios – 垂直居中UITextField的attributionPlaceholder

    我目前无法在UITextField中垂直对齐一个attributionPlaceholder,我不知道为什么.这就是我在做的事情：以下是发生的事情：很明显,这是因为UITextFieldLabel的高度比UItextField本身小10px,但我似乎无法改变它.这只发生在使用attributionPlaceholder时;默认的占位符属性工作得很好.有任何想法吗？解决方法使用NSParagraph

  5. android – 按钮文本没有在按钮中垂直居中

    我正在创建一个Android应用程序,我有一个按钮,后面有自定义背景图片.背景图像只是一个矩形,但现在按钮文本似乎没有垂直居中.这是我的按钮xml：我在这里设置背景：是否有更改按钮内文本位置的位置？解决方法android：layout_gravity定义了它的父级内部的布局对齐.要对齐按钮中的文本,您需要android：gravity,例如

  6. javascript图片自动缩放和垂直居中处理函数

    非常不错的应用代码，方便我们处理一些图片效果

  7. JavaScript 未知高度元素垂直居中实现代码

    JavaScript未知高度元素的垂直居中代码，允许你在不知道外层元素高度的情况下，用Js强制其居中，虽然用了JavaScript有些麻烦，不过效果甚好，值得一试。

  8. angularjs – 如何使用Colorbox与Angular JS

    如何使用AngularJS使用colorBox,我应该写一个指令,它有其他的方法.这是我的HTML：用户将点击展开按钮,打开与colorBoxid的div将打开为colorBox.PS：我刚刚到AngularJS这就是为什么我正在寻找一个解决方案如何使用colorBox,我在我的应用程序使用twitter引导.写一个指令,这是最好的选择.指令示例：HTML：

  9. 将jQuery colorbox插件添加到动态创建的元素中

    通常在链接上分配颜色框功能的方式是这样的：新增的项目不是以这种方式绑定.如何添加颜色框以动态创建元素呢？

  10. jquery – Colorbox – 从特定窗口中删除关闭按钮

    我正在使用colorBox插件在我的网页上显示消息。其中一个是“等待响应”消息，我不希望用户自己关闭它。我知道如何取消绑定ESC键，并禁用重叠式关闭，但我仍然有关闭按钮的问题。我发现我可以像这样删除它：#cBoxClose{display：none！important;}但这会影响我所有的colorBox信息..有没有办法从特定消息中删除关闭按钮？解决方法在通过jquery打开此特定框后，删除按钮。ColorBox为您提供必要的事件钩子：

随机推荐

  1. jquery-plugins – 是否可以使用猫头鹰旋转木马实现循环/无限轮播？

    我正在使用猫头鹰旋转木马,它的工作完美,除了它不支持循环/无限滚动.我没有搜索google和stackoverflow的想法,没有运气.有没有人在猫头鹰旋转木马上实现圆形/无限滚动？

  2. jQuery动态输入字段焦点

    我想使用以下jQuery向我的页面动态添加一个输入字段：在这样做之后,我希望输入字段具有闪烁的文本光标的焦点,所以我想在创建后立即输入.有人可以告诉我我该怎么办？

  3. jquery – 为什么$(window).height()这样错了？

    我试图获取当前浏览器的视口高度,使用但我得到的价值观太低了.当视口高度高达850px时,我从height()获取大约350或400像素的值.这是怎么回事？

  4. jquery – 如果在此div之外和其他draggables内部(使用无效和有效的还原选项),则可拖动恢复

    例如这样但是由于明显的原因,这不行.我可以说这个吗？

  5. 创建一个jQueryUI 1.8按钮菜单

    现在jQueryUI1.8已经出来了,我正在浏览更新,并且遇到了新的Buttonwidget,特别是SplitButtonwithadropdown的演示之一.这个演示似乎表明Buttonwidget可以在这里创建一个下拉菜单.作为讨论的问题,我想知道使用这个新的Button小部件来创建一个下拉菜单有什么方法.干杯.解决方法您必须在按钮下方列出一个列表,方式类似于此处为自动完成提供的演示：http

  6. 灰色divs使用JQuery

    我试图使用这个代码：为了淡出一大堆名为MySelectorDiv的div,唯一的是,它只会淡出第一个而不是所有的div,为什么呢？

  7. 使用jQuery动态插入到列表中

    我有两个订单列表在彼此旁边.当我从一个列表中选出一个节点时,我想按照字母顺序插入到另一个列表中.抓住的是我想要把一个元素放在另一个列表中,而不刷新整个列表.奇怪的是,当我插入到右边的列表中,它工作正常,但是当我插入到左边的列表中时,顺序永远不会出来.我也尝试将所有内容读入数组,并将其排序在一起,以防止children()方法没有按照显示顺序返回任何东西,但是我仍然得到相同的结果.这是我的jQuer

  8. 没有回应MediaWiki API使用jQuery

    我试图从维基百科获取一些内容作为JSON：但我没有回应.如果我粘贴到浏览器的地址栏,就像我得到预期的内容.怎么了？解决方法您需要通过添加&callback=？来触发具有$.getJSON()的JSONP行为？在querystring上,像这样：Youcantestithere.没有使用JSONP,你正在击中same-originpolicy,阻止XmlHttpRequest获取任何数据.

  9. jQuery Ajax请求每30秒

    我有这段代码,但是有些人在我的网站上的值可能会改变.我需要每30秒钟更新一次#financediv.这可以做吗解决方法您可以将代码放在单独的函数中,如下所示：然后每30秒建立一个定时器调用该函数：祝你好运！总结以上是DEVMAX为你收集整理的jQueryAjax请求每30秒全部内容。如果觉得DEVMAX网站内容还不错，欢迎将DEVMAX网站推荐给好友。

  10. jquery – keypress事件在IE和Chrome中不工作,但在FF工作

    任何想法为什么会这样发生？我通常认为Chrome会更加宽容代码？这是我的按键键.我错过了什么吗？右图();和leftimage();是应该工作的功能,因为我在其他地方使用这些功能谢谢您的帮助！

返回
顶部