我已经在我的应用程序中实现了Scrollspy。因为我在我的应用程序中使用淘汰框架,用户可以在一个部分中添加最多15行。所以如果他们添加15行,则滚动间谍高度会受到影响。如何才能使用它动态。
代码:
$(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) {
}
}
}
});
KIndly给我解决方案,使其充满活力。
答案 0 :(得分:0)
以下是我如何实现它。
获取单个内容高度并将其添加到滚动事件的计算中。 说我有三个部分。
$(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) {
}
}
}
});