javascript - 如何在 jQuery 中说成反比？-6ren

javascript - 如何在 jQuery 中说成反比？

转载作者：行者123 更新时间：2023-11-28 11:07:05

我简单做了一个div，固定在页面右侧，还有一些内容。 我想要的是每当我的内容大于window.innerHeight() 时减小此div 的大小。并且窗口高度每增加一个像素，此调整大小必须是一个像素。如果有人不明白，可以在评论中问我。这是我的代码:

<!DOCTYPE html>
<html>
<head>
    <title>Custom ScrollBar</title>
    <script type="text/javascript" src="jQuery.js"></script>
    <style type="text/css">
        #scrollBar{
            height: 200px;
            width: 5px;
            background: grey;
            position: fixed;
            top: 0px;
            right: 0;
        }
    </style>
</head>
<body>


    <p>is is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text.is is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text This is some text.</p>
    <div id="scrollBar"></div>



<script type="text/javascript">

    var scrollBar = $('#scrollBar');
    scrollBar.height($(document).height());

</script>
</body>
</html>

最佳答案

编辑:这样的东西可以满足您的需求，但您将不得不构建某种常量。下面的 25000 只是我选择的一个随机常数，看看它是否有效。常数，无论您选择什么，都将真正决定大小的变化。

$(window).bind("load resize", function () {
    var changeHeight, example;
    changeHeight = function ($div) {
        var inverse, winHeight;
        winHeight = $(window).height();
        inverse = 25000 / winHeight;
        return $div.height(inverse);
    };
    example = $('.example-div');
    return changeHeight(example);
});

关于javascript - 如何在 jQuery 中说成反比？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22203699/

文章推荐： javascript - 如何从 jQuery 对象中选择元素

文章推荐： html - 拉伸(stretch)背景时保持内容居中

文章推荐： css - 如何加入变量名？

文章推荐： ios - NSUserDefaults 返回 NSDictionary 而不是 NSArray

javascript - 如何根据 JS 中的条件传递算术运算符？对 'add' 说 +，对 'times' 说 *
我正在编写一个 JS 程序，我有一个条件可以根据输入进行一些算术运算。如果我遇到操作类型为“add”，我需要将两个值相加；如果我得到“times”作为我的运算符值，我需要相乘。我尝试使用基本的 if
macos - 是否值得在只读文档类中对 autosavesInPlace 说"is"？
我正在编写一个仅作为查看器的应用程序 - 无需创建、无需编辑、无需保存。显然，那么，不会有自动保存，但是还有什么其他东西可以从 autosavesInPlace 返回 YES 改变世界，从而对观看者
Azure 说 "Unsupported Token"
Azure 开始出现以下错误: Unsupported token. Unable to initialize the authorization context. 每当我尝试更改我的应用程序时，我都
java - out.println 说 out 无法解析
当我编写 out.println() 时，Eclipse 提示 out 无法解析。我导入了 java.io.* 和其他 servlet 包。最佳答案只是在黑暗中拍摄，我认为这就是您正在寻找的出路
Azure 说 "Unsupported Token"
Azure 开始出现以下错误: Unsupported token. Unable to initialize the authorization context. 每当我尝试更改我的应用程序时，我都
jQuery，使用 !说 "not selected"
是否可以执行类似的操作来检查 radio 表单是否未选中: if !($(this).find("input:checked")) {} 正确的语法是什么？最佳答案试试这个: $(this).fi
MySQL 说 'SYSDATETIME' 不存在
我正在尝试从表中选择行，其中 date 列值等于澳大利亚悉尼的当前日期 (UTC+10h)。服务器位于悉尼，因此我想使用 SYSDATETIME()。这是我的查询: SELECT * FROM dat
javascript - 说 javascript 变量指向一个值是否正确？
我听说 JavaScript 实际上并不像其他语言那样“指向”内存中的值(或对象，因为在 JS 中一切都是对象)。相反，JS 变量引用内存中的其他值/对象。这是真的？指向和引用之间的语义区别是什么？
Java 说 FileNotFoundException 但文件存在
我的计算机科学类(class)有一项作业，其中要求读取包含多个测试分数的文件，并要求我对它们进行求和并求平均值。虽然求和和求平均值很容易，但我在读取文件时遇到问题。老师说用这个语法 Scanner s
Java 说 XML 文档格式不正确
Java 的 XML 解析器似乎认为我的 XML 文档在根元素之后的格式不正确。但我已经用几种工具验证了它，但他们都不同意。这可能是我的代码错误，而不是文档本身的错误。如果你们能给我提供任何帮助，我将
c++ - 说 xvalues 具有身份并且是可移动的是正确的吗？
根据这份文件: http://www.stroustrup.com/terminology.pdf l 值具有同一性且不可移动。公关值是可移动的，但没有身份。 x 值具有同一性并且是可移动的。关于
mongodb - 说 MongoDB 在其写操作级别上是原子的是什么意思？
这个问题在这里已经有了答案: What does "atomic" mean in programming? (7 个答案) 关闭 5 年前。我正在阅读 MongoDB 的 documentati
php - 说 2 个数组中有多少项相同？
在 PHP 和 MySQL 中有没有一种方法能够比较 2 个不同的数组(列表)变量并说出有多少项是相同的例如， $array1 = "hello, bye, google, laptop, yes"
java - 说 int 枚举模式是编译时常量是什么意思？
本文来自 Effective Java Programs that use the int enum pattern are brittle. Because int enums are compil
c++ - 说 C++ 是一种部分类型安全的语言是否准确？
C++ 中有一些特性是类型安全的，而另一些则不是。 C++ 类型安全示例: char c = 'a'; int *p = &c; // this is not allowed (compiler
Java 说 FileNotFoundException 但文件存在
我有一个 CS 课的作业，它说要读取一个包含多个测试分数的文件，并要求我对它们求和并取平均值。虽然求和和平均很容易，但我在读取文件时遇到了问题。老师说要用这个语法 Scanner scores = n
Pydev 说， "Unresolved import"错误
嗯.. 有时，PyDev 会说“ Unresolved 导入错误”。在我的环境中 Python2.6.6 Eclipse3.7 PyDev2.2.2 错误是。 > Unresolved import
ios8 - AFNetworking 说 "cannot parse response"
我正在向服务器发送请求，服务器正在处理请求并做出响应。但是在我的应用程序中，我收到了: Error Domain=NSURLErrorDomain Code=-1017 "cannot parse r
javascript - 说 : "JavaScript + AJAX"? 是多余的吗
在我最近的一次讨论中，有人告诉我这样说是不正确的，因为 Ajax 已经是 Javascript。上下文: “我如何在网页中 blablababal，这样它就不必刷新页面” 我的回答: “使用 Jav
ffmpeg 说 : "option framerate not found"
下午好。我一直在尝试使用 ffmpeg 将 .mpeg 拆分为一系列 .jpeg 图像。请注意，这是指定 here 的逆问题，但我面临的问题与该线程的作者面临的问题不同。具体来说，我已经在我的 f

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 如何在 jQuery 中说成反比？