刚开始学js,想做一个随着页面下滑改变位置和内容的时间线。
我打算让他的内容为离它最近的section的id名称,js代码如下:
var isDragging = false;
var sliderTop,pointerPos,currentSection;
var bodyHeight = $('body').height();
var sliderHeight = $('.slider-navigation').height();
var elementHeight = $('section').height();
var sectionAmount = $('section').length;
var scale = (bodyHeight - (elementHeight)) / (sliderHeight - $('.nav-pointer').outerHeight() );
function updatePos() {
currentSection = $(window).scrollTop() / elementHeight;
currentSectionName = ;
sliderTop = $(window).scrollTop() / scale;
$('.nav-pointer').css('top', sliderTop).text(currentSectionNum);
}
$(window).scroll(function(){
if (!isDragging) {
updatePos();
}
});
currentsectionName =部分不会写了 其它部分也不知道有没有错,请大佬解惑。