【问题标题】:scrollpath.js getting top valuescrollpath.js 获得最高价值
【发布时间】:2012-10-11 00:17:33
【问题描述】:

我如何获得关注的最高价值?

<div class="sp-scroll-handle" style="top: 1.0416666666666665px; "> </div>

这个值是由一些 javascript 创建的,我认为它如下:

function dragScrollHandler( e ) {
        var dragStep,
            y = e.clientY - scrollBar.offset().top;

        dragStep = limitWithin( Math.round( y / scrollBar.height() * ( pathList.length - 1 ) ), 0, pathList.length - 1 );

        scrollToStep( snap(dragStep, STEP_SIZE) );
    }

现在我需要这个值,我试过了:

$('.sp-scroll-handle').scroll(function () {

    var top_value = $('.sp-scroll-handle').css("top");
    $('.settings b').text(top_value);}
});

但它不起作用 - 有什么线索吗?

【问题讨论】:

  • 这篇文章可能会提供信息here

标签: javascript jquery path scroll


【解决方案1】:

由于您正在选择一个班级,请尝试像这样循环:

$('.sp-scroll-handle').each(function(i) {
  if(i=0){ 
    //assuming you want the first .sp-scroll-handle top value
    $('.settings b').text($(this).css('top'));
  }
});

offset.top 也可以帮助您获得所需的东西。 Documentation

根据您的评论,我建议您阅读scrollTop() 上的文档。这似乎是您正在寻找的值,它与 CSS top 值不同。

【讨论】:

  • 我实际上需要“每个”最高值 - 我想实现这一点:jsbin.com/exoyab/1/edit 但在 scrollpath.js 中,主体不滚动路径,主体不滚动,但这个句柄实际上得到了最高值...我现在用 offset.top 试试
  • 您的示例使用.scrollTop 获取所选元素的滚动条的当前垂直位置。然后它检查 .scrollTop() 的值是否高于 409,大约在页面中间,如果是,则将元素淡化为 100%。请参阅我的答案中的文档链接。
  • 我明白了,但 .scrollTop 仅适用于常规滚动条,对吗?但我没有常规滚动条
  • 这基本上是我的代码:joelb.me/scrollpath 现在我需要这个 fadin 来使用这个滚动条
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-20
  • 2023-02-20
  • 1970-01-01
相关资源
最近更新 更多