javascript - 在 div 中滚动突出显示的文本
问题描述
我使用 frogaloop 制作了视频脚本,并尝试在添加 .highlight 类时自动滚动 div 中的文本。
function checkTime() {
froogInstance.addEvent('playProgress', function(data) {
var curTime = Math.floor(Number(data.seconds));
if(events[curTime]) {
$('.highlight').removeClass('highlight');
events[curTime].addClass('highlight');
$('span:time-span(.highlight):first');
}
});
}
jumpToClickedSentance(args);
initTimes(args);
return this;
}
我已经尝试添加$('span:time-span(.highlight):first');
. 但是,这不起作用。文本不滚动。
解决方案
感谢:https ://stackoverflow.com/a/24390378/1035130
我添加了这个及其工作
var $container = $("#player_1_transcript");
var $scrollTo = $('.highlight');
$container.animate({scrollTop: $scrollTo.offset().top - $container.offset().top + $container.scrollTop(), scrollLeft: 0},300);
推荐阅读
- kubernetes - 无法通过谷歌 kubernetes 集群中的堆栈驱动程序调试 java 应用程序
- sas - SAS DATA 步,为什么这个简单的 IF 语句不起作用?
- macos - macOS 商店沙盒应用使用 NSOpenPanel 选择下载文件夹,但无法再次访问该文件夹
- c# - 从 SQLite Xamarin 刷新数据网格数据
- r - R - 逻辑回归(lrm),每行有多个观察值
- python - 在 Python 中以字母的字符形式分配值编号
- c - 使用函数指针数组代替开关
- gradle - 未检测到 H2 模块
- python - numpy 中是否有一种方法可以验证一个数组是否包含在另一个数组中?
- twilio - Twilio Flex,拦截传入消息以发送 Slack 通知