要在水平 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() 方法。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() 方法获取相对于其偏移父元素的元素的顶部和左侧位置。返回的对象包含两个整数属性，顶部和左侧。为了进行准确的计算，请确保对边距、边框和填充使用像素值。此方法仅适用于可见元素。示例您可以尝试运行以下代码来学习如何在 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() {                                     ... 阅读更多

jQuery 中的 widthwidth() 是容器的水平测量值，例如 div 的宽度。它不包括填充、边框或边距。示例您可以尝试运行以下代码来学习如何在 jQuery 中获取元素的宽度：在线演示 $(document).ready(function(){     $("button").click(function(){           alert("div 元素的宽度： " + $("div").width());     }); }); 获取 div 的宽度jQuery 中的 outerWidthouterWidth() 返回第一个匹配元素的外部宽度。它包括填充和边框。示例您可以尝试运行 ... 阅读更多

jQuery 中的宽度jQuery 中的宽度指的是容器的水平尺寸，例如 div 的宽度。它不包含内边距、边框或外边距。示例您可以尝试运行以下代码，学习如何在 jQuery 中获取元素的宽度：在线演示 $(document).ready(function(){     $("button").click(function(){         alert("div 元素的宽度： " + $("div").width());     }); }); 获取 div 的宽度jQuery 中的 innerWidth()jQuery 中的 innerWidth() 方法返回第一个匹配元素的内部宽度。它包含内边距，但不包含边框和外边距。示例您可以... 阅读更多