gpt4 book ai didi

jquery - 将溢出文本滚动到 View 中

转载 作者:行者123 更新时间:2023-12-01 06:37:49 25 4
gpt4 key购买 nike

我需要将一些溢出的文本滚动到 View 中。

我试图为其文本缩进设置动画,但我需要为正确数量的像素设置动画。我该如何计算?

参见:http://jsfiddle.net/wqRcK/5/

我只需要将文本滚动到 View 中,而不是像我尝试的那样滚动“总宽度”。

作为一个附带问题,如何使 span.title 尊重 10 像素填充?

最佳答案

span 设置为 inline-block
并将其动画化为 "-"+ ( $(this).width() - $(this).parent().width() ) + "px":

div.box span.title { white-space: nowrap; display: inline-block; }
$(document).ready(function() {
var boxwidth = $("div.box").width();
$("span.title").hover(
function () {
$(this).stop().animate({
textIndent: "-" + ( $(this).width() - $(this).parent().width() ) + "px"
}, 1000);
},
function () {
$(this).stop().animate({
textIndent: "0"
}, 1000);
}
);
});

这是你的 fiddle :http://jsfiddle.net/wqRcK/20/

<小时/>

P.S.请记住始终缓存您的选择器。

关于jquery - 将溢出文本滚动到 View 中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9890719/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com