Question

我想安装现有的jquery组件（读取进度条），但它不起作用。我不知道jquery，请帮助我：

HTML：

<progress value="0">
<div class="progress-container">
  <span class="progress-bar"></span>
</div>
</progress>

JS：

    $(function () {
    $(window).on("scroll resize", function () {
        var o = $(window).scrollTop() / ($(document).height() - $(window).height());
        $(".progress-bar").css({
            "width": (100 * o | 0) + "%"
        });
        $('progress')[0].value = o;
    })  
 });

Answer 1

编辑：好的，在你向我展示了带有css的页面之后，我看到了实际问题就在那里，在css中。在Declare @diff int=10 declare @t table(col1 int) insert into @t VALUES(1) select * from @t A cross apply(select distinct number from master..spt_values where number>0 and number<=@diff)ca or select top (@diff)* from @t A节点上设置height: 100%;，您发布的原始代码将有效。

原始答案：

当scrollTop（）返回0时，你将0除以某种东西，当section返回0时，你将0除以0。结果在第一种情况下为$(document).height() - $(window).height()，在第二种情况下为NaN案件。试试这段代码：

Infinity

Answer 2

就我而言，问题是我的断点是自定义的，而库有基本断点。所以，我所要做的就是向我的自定义断点添加基本断点并将它们设置为 false

const breakpoints = createBreakpoints({
  values: {
    xs: false,
    sm: false,
    md: false,
    lg: false,
    xl: false,
    bp_320: 0,
    bp_414: 414,
    bp_768: 768,
    bp_1024: 1024,
    bp_1280: 1280,
    bp_1366: 1366,
    bp_1600: 1600,
    bp_1900: 1900,
  },
});

错误消失，项目再次运行

未捕获的TypeError：无法设置＆＃39;值＆＃39;属性＆＃39; HTMLProgressElement＆＃39;：提供的double值是非限定的

2 个答案: