要将元素滚动到水平 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() 方法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 Plugin 库。让我们添加 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 中的 Widthwidth 是容器的水平测量值，例如 div 的宽度。它不包括填充、边框或边距。示例您可以尝试运行以下代码来了解如何在 jQuery 中获取元素的宽度：在线演示 $(document).ready(function(){     $("button").click(function(){         alert("div 元素的宽度： " + $("div").width());     }); }); 获取 div 的宽度jQuery 中的 innerWidthinnerWidth() 返回第一个匹配元素的内部宽度。它包括填充，但不包括边框和边距。示例您可以... 阅读更多