Jquery 动态增加高度限制

Jquery 动态增加高度限制,jquery,css,scroll,Jquery,Css,Scroll,我已经在我的应用程序中实现了Scrollspy。由于我在应用程序中使用了淘汰框架,用户可以在一个部分中添加多达15行。因此,如果他们添加了15行,scroll spy的高度将受到影响。我如何动态创建它 代码: $(window).scroll(function () { var myArray = new Array(); var curArray = ''; $('div.spyClass').each(function () { myArray.pus

我已经在我的应用程序中实现了Scrollspy。由于我在应用程序中使用了淘汰框架,用户可以在一个部分中添加多达15行。因此,如果他们添加了15行,scroll spy的高度将受到影响。我如何动态创建它

代码:

$(window).scroll(function () {
    var myArray = new Array();
    var curArray = '';
    $('div.spyClass').each(function () {
        myArray.push($(this).offset().top);
    });
    for (var i = 0; i <= myArray.length; i++) {
        if ($(this).scrollTop() >= myArray[i]) {
//When i add new rows the height of this wil become (say 520+).Then automatically the second link is getting the active .Eventhought it is not active.
                if ($(this).scrollTop() >= -20 && $(this).scrollTop() <= 101) {
                }
                else if ($(this).scrollTop() >= 101 && $(this).scrollTop() <= 520) {
                }
                else if ($(this).scrollTop() >= 520 && $(this).scrollTop() <= 840) {
                }
                else if ($(this).scrollTop() >= 830 && $(this).scrollTop() <= 1300) {
                }
                else if ($(this).scrollTop() >= 1300 && $(this).scrollTop() <= 1600) {
                }
            }
        }
    });
$(窗口)。滚动(函数(){
var myArray=新数组();
var curArray=“”;
$('div.spyClass')。每个(函数(){
myArray.push($(this.offset().top);
});
对于(变量i=0;i=myArray[i]){
//当我添加新行时,此链接的高度将变为(比如520+)。然后,第二个链接将自动激活。尽管它未激活。

如果($(this).scrollTop()>=-20&&$(this).scrollTop()=101&&$(this).scrollTop()=520&$(this.scrollTop()=830&$(this).scrollTop()=1300&$(this.scrollTop(),以下是我实现它的方法

获取单个内容高度并将其添加到滚动事件的计算中。 假设我有三个部分

$(window).scroll(function () {

    var firstCont= ($('#Content1').height() + 20); -- Since i have fixed position header 20 is needed
    var secondCont = envEnd + ($('#Content2').height() + 20);
    var thirdCon = serEnd + ($('#Content3').height() + 20);


    var myArray = new Array();
    var curArray = '';
    $('div.spyClass').each(function () {
        myArray.push($(this).offset().top);
    });
    for (var i = 0; i <= myArray.length; i++) {
        if ($(this).scrollTop() >= myArray[i]) {
                   if ($(this).scrollTop() >= -20 && $(this).scrollTop() <= firstCont) {
                }
                else if ($(this).scrollTop() >= firstCont && $(this).scrollTop() <= secondCont) {
                }
                else if ($(this).scrollTop() >= secondCont && $(this).scrollTop() <= thirdCont) {
                }
            }
        }
    });
$(窗口)。滚动(函数(){
var firstCont=($('#Content1').height()+20);--因为我有固定位置,所以需要标题20
var secondCont=envEnd+($('Content2').height()+20);
var thirdCon=serEnd+($('#Content3').height()+20);
var myArray=新数组();
var curArray=“”;
$('div.spyClass')。每个(函数(){
myArray.push($(this.offset().top);
});
对于(变量i=0;i=myArray[i]){
如果($(this).scrollTop()>=-20&&$(this).scrollTop()=firstCont&&$(this).scrollTop()=secondCont&&$(this).scrollTop()