Jquery 滚动效果实现

xiaoxiao2021-02-28  117

今天分享一个很实用的Jquery的滚动效果的代码,能够使用动画的和非动画,见代码:

function scrollToLocation() { var messageList = $('#messageList'),//先获取到需要滚动的DIV scrollToContainer = messageList.find('li:last');//滚动到<div id="thisMainPanel">中类名为son-panel的最后一个div处 //scrollToContainer = mainContainer.find('.son-panel:eq(5)');//滚动到<div id="thisMainPanel">中类名为son-panel的第六个处 //非动画效果 //mainContainer.scrollTop( // scrollToContainer.offset().top - mainContainer.offset().top + mainContainer.scrollTop() //); //动画效果 messageList.animate({ scrollTop: scrollToContainer.offset().top - messageList.offset().top + messageList.scrollTop() }, 1000);//1秒滑动到指定位置 }

转载请注明原文地址: https://www.6miu.com/read-45161.html

最新回复(0)