要使用jQuery实现让id为commentbox中的li随机上向滚动,可以使用以下代码:

function randomScroll() {
  var lis = $("#commentbox li");
  var randomIndex = Math.floor(Math.random() * lis.length); // 随机选择一个li
  var liHeight = lis.eq(randomIndex).outerHeight(); // 获取li的高度
  var commentboxHeight = $("#commentbox").height(); // 获取commentbox的高度
  var scrollTop = liHeight * randomIndex - commentboxHeight; // 计算滚动的距离
  $("#commentbox").animate({ scrollTop: scrollTop }, 1000); // 使用动画滚动到指定位置
}

// 使用定时器每隔一段时间执行一次随机滚动
setInterval(randomScroll, 2000);

这段代码首先定义了一个randomScroll函数,该函数会在id为commentbox的元素中随机选择一个li,并根据选中的li的位置计算滚动的距离。然后使用jQuery的animate方法,以动画的方式滚动到指定位置。

最后,使用定时器每隔2秒钟调用一次randomScroll函数,实现随机滚动效果

div id=commentboxli测试lili测试lili测试lili测试lili测试lili测试lidiv用jq怎样让id为commentbox中的li随机上向滚动

原文地址: https://www.cveoy.top/t/topic/h0fM 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录