Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Scrollable Div,找到中间价值的标题_Jquery_Css_Scroll - Fatal编程技术网

Jquery Scrollable Div,找到中间价值的标题

Jquery Scrollable Div,找到中间价值的标题,jquery,css,scroll,Jquery,Css,Scroll,我们已经建立了一个iPhone风格的日期选择器。目前,它在除IE之外的所有方面都起作用。我不知道如何找到任何价值都在中心的标题属性 这是一把小提琴: 任何想法 奇妙的这里有一个方法- 您可以使用class='selected' 然后使用jQuery确定当前选定元素的top偏移值,并将其保存到步骤3的变量中 使用onScrollEnd事件(在您的iScroll插件中)通过以下方式跟踪更改: 1) 清除标记为所选的当前元素 2) 迭代列表项以确定顶部偏移量与初始选定项相等的位置,并将其标记为选定项

我们已经建立了一个iPhone风格的日期选择器。目前,它在除IE之外的所有方面都起作用。我不知道如何找到任何价值都在中心的标题属性

这是一把小提琴:

任何想法

奇妙的

这里有一个方法-

  • 您可以使用
    class='selected'
  • 然后使用jQuery确定当前选定元素的
    top
    偏移值,并将其保存到步骤3的变量中
  • 使用
    onScrollEnd
    事件(在您的iScroll插件中)通过以下方式跟踪更改: 1) 清除标记为所选的当前元素 2) 迭代列表项以确定
    顶部
    偏移量与初始选定项相等的位置,并将其标记为
    选定

  • 更新(最初的解决方案适用于Webkit浏览器,但Firefox的工作原理有所不同):

    您将需要从以下两个方面解析数据:

    $('#minwheel .slotinner').css("-moz-transform")
    // result: "matrix(1, 0, 0, 1, 0px, -32px)"
    

    在这两种情况下,都需要解析出
    -32px
    ,并用于确定所选列表项

    以下是Firefox的解决方案


    现在,您只需要找出如何在IE中工作:)



    这绝对是一个实验性的用户控件,浏览器更新可能会破坏它,而用户代理检测用于确定获取所选项目的方式通常是一个相当大的禁忌。尽管如此,iPhone的外观和功能还是很有趣很酷。

    做得不错。这让我昨天大部分时间都很头疼,但是仍然有一个不兼容的浏览器。Firefox似乎存在定位/偏移错误。它无法正确计算偏移/位置,并且图元始终保持第一个值。我昨天花了好几个小时试图解决这个问题,但毫无效果。有什么想法吗?
    $('#minwheel .slotinner').attr("style")
    // result: "... -moz-transform: translate(0px, -32px) scale(1);"