添加新的if语句时，javascript函数不起作用

Question

我有一个功能可以在滚动后将导航侧边栏粘贴到顶部。但是当我的屏幕最小化顶部的徽标时，导航栏的位置会缩短并且导航的位置也会改变。所以我在第一个内部写了另一个'if'函数来解决问题。现在位置正确，但是在滚动时导航侧栏固定在顶部。请您帮帮我....功能如下....

$(function() {
       var stickyHeaderTop = $('#myScrollspy').offset().top;
       var yy = document.getElementById("cor").clientHeight;
       $(window).scroll(function() {
           if ($(window).scrollTop() > stickyHeaderTop) {

               $('#myScrollspy').css({
                   position: 'fixed',
                   top: '8px',
                   left: '0px'
               });

               $('#my').css({
                   position: 'absolute',
                   right: '0px'
               });

           } else {
               setInterval(function() {
                   if (yy < '490') {

                       var yu = '500' - yy;

                       $('#myScrollspy').css({
                           position: 'absolute',
                           top: ''
                           700 '-yy',
                           left: '0px'
                       });
                       $('#my').css({
                           position: 'absolute',
                           right: '0px'
                       });
                   }
               }, 30);
           }
       });
   });

Answer 1

您有一些语法问题，请在下面的注释中提及。

              if (yy < 490) { //syntax issue here
                       var yu = 500 - yy; //syntax issue here

                       $('#myScrollspy').css({
                           position: 'absolute',
                           top: (700 - yy)+'px', //syntax issue here
                           left: '0px'
                       });
                       $('#my').css({
                           position: 'absolute',
                           right: '0px'
                       });
                   }

document.getElementById("cor").clientHeight将返回一个int（number）。

检查element.clientHeight

注意：此属性会将值四舍五入为整数。 如果需要分数，请使用element.getBoundingClientRect() 。