要查找水平滚动位置，请使用 jQuery 的 scrollLeft() 方法。示例您可以尝试运行以下代码，以使用 jQuery 查找水平滚动位置。在线演示 jQuery scrollLeft() 方法 $(document).ready(function(){ $("div.demo").scrollLeft( 200 ); $("div.demo").mousemove(function () { var left = $("div.demo").scrollLeft(); $("#result").html("left offset: " + ... 阅读更多

要将水平滚动条定位在 div 的中心，请使用 scrollleft。您可以尝试运行以下代码以在 div 中定位水平滚动条。示例滚动条位于 div 的中心：在线演示 jQuery 滚动 $(document).ready(function(){ $(document).ready(function(){ var outerContent = $('.demo'); var innerContent = $('.demo > div'); outerContent.scrollLeft( (innerContent.width() - outerContent.width()) / 2); }); }); html, body, div { margin:0; padding:0; } .demo { width:400px; overflow-x:scroll; } #viewContainer { height:120px; width:1000px; display:table; } .myclass { width:250px; height:100%; display:table-cell; border:2px solid blue; } 最左边 左边 中间 右边 最右边

要滚动到水平 div 中的元素，请使用 scrollleft。示例您可以尝试运行以下代码来学习如何在 jQuery 中滚动到元素：在线演示 jQuery 滚动 $(document).ready(function(){ document.addEventListener('DOMContentLoaded', function () { var frames = document.getElementById('frames'); frames.addEventListener('click', function (e) { if (e.target.classList.contains('item')) { e.target.parentNode.scrollLeft = e.target.offsetLeft; } }); }); }); .myclass { width: 300px; display: flex; position: relative; overflow-x: scroll; } .item { width: 400px; background: #FFB563; margin-right: 40px; } demo1 demo2 demo3 demo4 demo5 demo6 demo7 demo8

测试答案

要在 jQuery 中设置垂直滚动位置，请使用 scrollTop() 方法。scrollTop() 方法获取第一个匹配元素的垂直滚动偏移量。此方法适用于可见和隐藏元素。示例您可以尝试运行以下代码，以在 jQuery 中设置 scrollTop() 方法：在线演示 jQuery scrollTop() 方法 $(document).ready(function(){ $("div.demo").scrollTop( 200 ); $("div.demo").mousemove(function () { ... 阅读更多

scrollLeft() 方法获取第一个匹配元素的水平滚动偏移量。此方法适用于可见和隐藏元素。示例您可以尝试运行以下代码，以学习如何使用 jQuery.scrollLeft() 方法：在线演示 jQuery scrollLeft() 方法 $(document).ready(function(){ $("div.demo").scrollLeft( 200 ); $("div.demo").mousemove(function () { var ... 阅读更多

jQuery position() 方法jQuery 的 position() 方法获取元素相对于其 offset 父元素的 top 和 left 位置。返回的对象包含两个整数属性，top 和 left。为了进行准确的计算，请确保使用像素值作为边距、边框和填充。此方法仅适用于可见元素。示例您可以尝试运行以下代码来学习如何在 jQuery 中使用 position() 方法：在线演示           jQuery 示例                              $(document).ready(function() {             ... 阅读更多

scrollTop( ) 方法获取第一个匹配元素的滚动顶端偏移量。此方法适用于可见和隐藏元素。示例您可以尝试运行以下代码来学习如何使用 scrollTop() 方法：在线演示           jQuery scrollTop() 方法                              $(document).ready(function(){             $("div.demo").scrollTop( 200 );                             $("div.demo").mousemove(function () {                var top ... 阅读更多

要实现 jQuery ScrollLeft，请使用 jQuery Easing 插件。缓动插件用于动画。您需要首先添加 Easing 插件库。让我们添加 CDN：script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.compatibility.min.js">示例 您可以尝试运行以下代码来使用缓动实现 jQuery ScrollLeft：在线演示    $(document).ready(function() {      $("#button1").click(function() {         jQuery.easing.def = 'easeOutBounce';        $('#test').animate({"margin-left": '100'}, 'slow');      });    }); #test {   width:150px;   height:150px;   background-color:#6C220A; } 滚动

jQuery.offsetParent( ) 方法offsetParent( ) 方法返回一个 jQuery 集合，其中包含第一个匹配元素的定位父元素。这是元素的第一个具有位置（如相对或绝对）的父元素。此方法仅适用于可见元素。示例您可以尝试运行以下代码来学习如何在 jQuery 中使用 jQuery.offsetParent() 和 jQuery.parent() 方法：在线演示           jQuery offsetParent() 方法                              $(document).ready(function() {                       ... 阅读更多