【问题标题】:jQuery Make Div accompany window vertical sliderjQuery Make Div 伴随窗口垂直滑块
【发布时间】:2016-12-07 20:08:09
【问题描述】:

我想在我的屏幕右侧有一个小 div,我希望它伴随我的垂直窗口滑块。 jQuery中有没有返回当前垂直滑块位置的函数?

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

code

https://jsfiddle.net/6o368hrq/

【问题讨论】:

  • 请粘贴您的代码或制作一个简单的 jsfiddle :)
  • 顺便说一句,我会建议你在 CSS 而不是 jQuery 上使用 position: fixed,以防你想始终“伴随”你的垂直滑块。
  • "仅来自某个元素" - body 也是一个元素...

标签: jquery html css jquery-ui


【解决方案1】:
$(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

还没有机会测试,但我就是这样处理的!

【讨论】:

  • 元素现在改变了位置,但事实上,它做了一个大的跳跃并且基本上消失在视线之外
  • 我会从console.log()ing 变量开始检查我得到了我所期望的,看看当你滚动时scrolledtopPercent 会发生什么。您是否收到任何控制台错误?
猜你喜欢
  • 1970-01-01
  • 2012-06-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多