要查找水平滚动位置，请使用 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 Scroll                                                                $(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 Scroll                                                                $(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() 方法position() 方法获取元素相对于其偏移父元素的顶部和左侧位置。返回的对象包含两个整数属性，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 插件用于动画。您需要首先添加 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 集合，其中包含第一个匹配元素的定位父元素。这是元素的第一个具有定位属性（例如 relative 或 absolute）的父元素。此方法仅适用于可见元素。示例您可以运行以下代码来学习如何在 jQuery 中使用 jQuery.offsetParent() 和 jQuery.parent() 方法：在线演示 jQuery offsetParent() 方法 $(document).ready(function() { ... 阅读更多