首先来一个例子：

<html>  
<head>  
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.js"></script>  
<script type="text/javascript">  
$(document).ready(function(){  
    $(".btn1").click(function(){  
        $("div").scrollTop(100);  
    });

    $(".btn2").click(function(){  
        alert($("div").scrollTop()+" px");  
    });  
});  
</script>  
</head>  
<body>  
    <div style="border:1px solid black;width:200px;height:200px;overflow:auto">  
    This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.
    This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. 
    This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. 
    This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. 
    This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. 
    This is some text. This is some text. This is some text. This is some text. This is some text. This is some text.  
    </div> 
    
    <button class="btn1">把 scroll top offset 设置为 100px</button>  
    <br />  
    <button class="btn2">获得 scroll top offset</button>  
</body>  
</html> 
上述例子的链接： http://www.w3school.com.cn/tiy/t.asp?f=jquery_css_scrolltop_set
注：滚动条所在的div必须有overflow属性且value不能为hidden


请看复杂情况：


这种情况主要用于使用了滚动条插件的情况，一眼看去不知道那个div在滚动，随意找一个div是不能正常工作的。
如果想加入一点动画效果，可以适应animate方法

var scrollTop = 100;
$(".form").parent().parent().animate("scrollTop: "+ scrollTop +"'px'", 400);
从form向上找两个parent就是带有overflow属性的滚动条所在的容器

# jquery
Logo
天工造物局

北京人形旗下天工造物具身智能开源社区，聚焦具身天工与慧思开物两大平台

更多推荐

deck.gl TripsLayer 出租车轨迹动画示例实战：从示例运行到着色器原理

TripsLayer 是 deck.gl 中用于渲染**随时间流动的轨迹动画**（如出租车行程、物流路径、迁徙路线）的核心图层。本文以仓库中的最小独立示例 [examples/website/trips](https://link.gitcode.com/i/1442af8f442f4cff39ff546e050fceb5) 为骨架，带你完成从安装依赖、启动应用、理解曼哈顿出租车数据格式，到深入

avatar 天工造物局

Foundry Anvil 中 eth_simulateV1 的 Blob 交易与 Blob Gas 字段规范化：原理、实现与测试验证

本篇技术指南以 [anvil-simulate-blob-transactions.md](https://link.gitcode.com/i/3d2ebe227262de169335eb290af80da8) 这条 changelog 条目为起点，深入剖析 Foundry Anvil 对 `eth_simulateV1` RPC 返回结果中 blob（EIP-4844）交易与 blob gas

avatar 天工造物局

LMCache CLI 实战：用 `lmcache kvcache clear` 管理运行中服务的 KV Cache 状态

本文是一份针对 LMCache 官方 CLI 命令 `lmcache kvcache` 的完整技术指南。该命令用于在**运行中的 LMCache 服务（MP HTTP server）**上管理 KV cache 状态，当前提供 `clear` 子命令，用于清空 L1（CPU 内存）层中缓存的全部 KV 数据。读完本文，你将掌握该命令的完整参数体系、退出码语义、终端/JSON/静默三种输出模式，并能

avatar 天工造物局