使用jQuery将元素滑动到页面上

杰克·贾斯凯莱宁·海兹伍德(JakeJääskeläinenHazelwood)

我有3个按钮,这些按钮从右侧滑动到页面的左侧,但是由于某种原因,它们不会像应该那样排成一行。我使用了.animate({left: 100 + 'px'})所有按钮,但是使用了不同的left偏移量,以便它们在页面的对角线上显示。

由于某种原因,他们排队很奇怪。第一个和第二个似乎在对角线上对齐,但第三个并没有延续我想要的对角线。

小提琴

诅咒

不考虑我必须访问外部站点来检查相关代码的事实,解决您的问题的方法非常简单。这是一个CSS问题。

#slideWrapper #bradfordOnAvonButton {
    top: 60px;
    left: 1000px;
}

#slideWrapper #turleighButton {
    top: 30px;
    left: 1000px;
}

交换那些top,您的代码就可以了。

在旁注中,选择具有两个ID的按钮是多余的,因为它们已经具有自己的ID。#turleighButton足够了。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用元素ID Meteor滚动到页面上的元素

来自分类Dev

平滑滚动到页面上的特定元素

来自分类Dev

平滑滚动到页面上的特定元素

来自分类Dev

使用javascript将元素正确滚动到页面顶部

来自分类Dev

如何使用页面上的jQuery移除()append()子元素?

来自分类Dev

使用jquery,如何滚动到居中(垂直和水平)页面上的特定div?

来自分类Dev

在页面上使用jQuery将白色仅反转为黑色

来自分类Dev

单击页面上的任意位置时,jQuery会向后滑动

来自分类Dev

jQuery-在特定页面上隐藏元素

来自分类Dev

淡出页面上没有jquery的元素

来自分类Dev

jQuery-在特定页面上隐藏元素

来自分类Dev

jQuery滚动到锚点页面上的位置

来自分类Dev

什么是滚动到位于使用Selenium视口内的当前页面上的网络元素的最佳途径

来自分类Dev

使用Robot Framework在页面上滚动到定位器

来自分类Dev

对不同页面上的元素使用Javascript吗?

来自分类Dev

使用jQuery click事件使用“ this”在页面上切换元素

来自分类Dev

如果我使用jQuery的.hide()和.show()方法,如何将javascript验证仅应用于HTML页面上的可见元素?

来自分类Dev

在所有页面上使用fadeto jquery函数,但元素很少(带标签)

来自分类Dev

使用jQuery,我如何处理页面上的多个选择元素?

来自分类Dev

获取页面上每个输入元素的title属性,并使用jQuery回显/打印

来自分类Dev

使用jQuery在页面上提交一种与其他表单共享元素名称的表单

来自分类Dev

使用jQuery在一个页面上获取多个表单元素的val

来自分类Dev

JQuery Mobile 如何使用 TouchPunch.js 在页面上移动元素?

来自分类Dev

如何将UIPageControl元素放在UIPageViewController的滑动页面顶部?

来自分类Dev

在小部件代码中不使用jQuery的情况下将光标图像向左滑动到右侧

来自分类Dev

如何使用jQuery UI在元素中滑动

来自分类Dev

将两个输入值相乘,并使用jQuery将答案显示为页面上的段落

来自分类Dev

如何使用jQuery滚动到页面顶部?

来自分类Dev

jQuery向下滚动到新的动态元素,然后向下滑动以查看新元素的效果

Related 相关文章

  1. 1

    使用元素ID Meteor滚动到页面上的元素

  2. 2

    平滑滚动到页面上的特定元素

  3. 3

    平滑滚动到页面上的特定元素

  4. 4

    使用javascript将元素正确滚动到页面顶部

  5. 5

    如何使用页面上的jQuery移除()append()子元素?

  6. 6

    使用jquery,如何滚动到居中(垂直和水平)页面上的特定div?

  7. 7

    在页面上使用jQuery将白色仅反转为黑色

  8. 8

    单击页面上的任意位置时,jQuery会向后滑动

  9. 9

    jQuery-在特定页面上隐藏元素

  10. 10

    淡出页面上没有jquery的元素

  11. 11

    jQuery-在特定页面上隐藏元素

  12. 12

    jQuery滚动到锚点页面上的位置

  13. 13

    什么是滚动到位于使用Selenium视口内的当前页面上的网络元素的最佳途径

  14. 14

    使用Robot Framework在页面上滚动到定位器

  15. 15

    对不同页面上的元素使用Javascript吗?

  16. 16

    使用jQuery click事件使用“ this”在页面上切换元素

  17. 17

    如果我使用jQuery的.hide()和.show()方法,如何将javascript验证仅应用于HTML页面上的可见元素?

  18. 18

    在所有页面上使用fadeto jquery函数,但元素很少(带标签)

  19. 19

    使用jQuery,我如何处理页面上的多个选择元素?

  20. 20

    获取页面上每个输入元素的title属性,并使用jQuery回显/打印

  21. 21

    使用jQuery在页面上提交一种与其他表单共享元素名称的表单

  22. 22

    使用jQuery在一个页面上获取多个表单元素的val

  23. 23

    JQuery Mobile 如何使用 TouchPunch.js 在页面上移动元素?

  24. 24

    如何将UIPageControl元素放在UIPageViewController的滑动页面顶部?

  25. 25

    在小部件代码中不使用jQuery的情况下将光标图像向左滑动到右侧

  26. 26

    如何使用jQuery UI在元素中滑动

  27. 27

    将两个输入值相乘,并使用jQuery将答案显示为页面上的段落

  28. 28

    如何使用jQuery滚动到页面顶部?

  29. 29

    jQuery向下滚动到新的动态元素,然后向下滑动以查看新元素的效果

热门标签

归档