javascript - 使用 Jquery 滚动文本位置查找
问题描述
我正在使用计时器进行 AJAX 调用以进行内容更新。在此更新期间,我失去了滚动文本的位置,并且文本没有完全滚动。当 AJAX 调用中发生页面刷新时,它会停止滚动。我需要文本在没有任何干扰的情况下完全滚动。
为此,我试图使用该scrolltop
属性找到滚动位置,但它对我不起作用。请帮助我在 AJAX 调用期间完全滚动文本而不会中断。
在我的代码中,我为 AJAX 调用使用了 2 秒计时器,并且正在更新页面。
<div class='marquee' style='margin-top:1px;background-color:#6ec1f8;'>
<p>text</p>
</div>
var myVar = setInterval(function() {
myTimer()
}, 2000);
function myTimer() {
var pos = $(".marquee").scrollTop();
$.ajax({
type: "GET",
url: "",
data: '',
cache: true,
success: function(data) {
var $response = $(data);
var oneval = $response.find('#main_view').html();
$('#main_view').html(oneval);
$(".marquee").scrollTop(pos);
}
});
}
.marquee {
overflow: hidden;
position: relative;
background: #fefefe;
color: #333;
}
.marquee p {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
text-align: center;
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
-moz-animation: scroll-left 2s linear infinite;
-webkit-animation: scroll-left 2s linear infinite;
animation: scroll-left 10s linear infinite;
}
@-moz-keyframes scroll-left {
0% {
-moz-transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%);
}
}
@-webkit-keyframes scroll-left {
0% {
-webkit-transform: translateX(100%);
}
100% {
-webkit-transform: translateX(-100%);
}
}
@keyframes scroll-left {
0% {
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
100% {
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
解决方案
推荐阅读
- django - 停止 Redis 后如何继续执行 celery 队列,然后再启动它?
- reactjs - 在受控的 REACT 组件中处理表单输入状态的最佳方法是什么?
- python - 在第一次迭代时跳过循环?
- django - ValueError:字段“id”需要一个数字,但得到“耳语”
- github - 当 Windows 与 ssh 密码一起启动时启动 ssh-agent
- ionic-framework - Ionic Appflow 和 GitHub 连接列表不完整,并且缺少 Repo 条目
- java - 更新 Intellij 后连接 MongoDB 时出错:java.lang.NoSuchMethodError:org.bson.io.BasicOutputBuffer。
(一)五 - c# - ASP Core 3.1 多个/备用数据库上下文
- raspberry-pi - How to turn off USB Power completely on RPi B3+?
- c++ - C++, Is it possible / how would you define a class constructor that calls a function in the .h & .cpp source files