我正在为jquery设计一个垂直滚动条插件。我的插件接受一个高度值作为选项,如果div高度超过给定的高度,滚动条将是可见的。现在的问题是我需要得到div内容的真实高度。
<div id="scroll">
Contents Here
</div>
jquery:
$.fn.vscrollbar = function (options) {
.
.
.
var contentHeight=this.contents().height() //that is not working correctly
我一直在尝试实现一种设计,我们有一个没有滚动条的全屏标题,但当你试图滚动标题时,页面会向下捕捉到网站的内容(100vh)。然后内容就会有一个正常的滚动。
当你向上滚动时,同样的事情也会发生--你滚动页面内容,直到你撞到页眉,然后你被带到页眉(100vh)。
最重要的是,我在网站的内容中使用基于滚动的动画,加上我需要能够滚动到下一节和点击网站内容内的特定div。
<body>
<div class="header">
... 100vh header, does not have a scrollbar, snaps to next sect
尝试以下代码:
<!DOCTYPE html>
<html style="min-width:600px; overflow:auto;">
<body style="background:grey; padding:0px; margin:0px;">
<div style="text-align:right;">
this is some text
</div>