jQuery Make Div伴随窗口垂直滑块

时间:2016-12-07 11:23:32

标签: jquery html css3 jquery-ui

我想在屏幕的右侧有一个小div,我想让它与我的垂直窗口滑块一起使用。 jQuery中是否有任何函数返回当前的垂直滑块位置?

我找到的最接近的是scrollTop(),但这只是来自某个元素。 这是

code

https://jsfiddle.net/6o368hrq/

1 个答案:

答案 0 :(得分:0)

$(window).scroll(function(e){
  var scrolled = $(this).scrollTop();
  var bodyHeight = $('body').height();
  var topPercent = ((bodyHeight / scrolled) * 100) + 'vh';

  $('#btn').css('top', topPercent );

});

检查窗口滚动的距离,计算这个身体的百分比,然后使用position: fixedtop: {scrolledPercentage}vh

Haven没有机会参加考试,但这就是我接近这个的方法!