Jquery 将溢出文本滚动到视图中

我需要将一些溢出的文本滚动到视图中

我试图设置其文本缩进的动画，但我需要设置正确数量的像素。我怎么计算呢

见：

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

---

作为一个附带问题，我如何使

span.title

尊重10像素的填充？

将

span

设置为

内联块

，
并将其动画设置为

“-”+（$（this.width（））-$（this.parent（）.width（））+“px”

：

div.box span.title{空白：nowrap；显示：内联块；}

$（文档）.ready（函数（）{
var-boxwidth=$（“div.box”）.width（）；
$（“span.title”）。悬停(
函数（）{
$（this）.stop（）.animate({
文本缩进：“-”+（$（this.width（））-$（this.parent（）.width（））+“px”
}, 1000);  
}, 
函数（）{
$（this）.stop（）.animate({
文本缩进：“0”
}, 1000);  
}
);
});

这是你的小提琴：

---

---

p.S.记住始终缓存选择器。

将您的

span

设置为

内联块

，
并将其动画设置为

“-”+（$（this.width（））-$（this.parent（）.width（））+“px”

：

div.box span.title{空白：nowrap；显示：内联块；}

$（文档）.ready（函数（）{
var-boxwidth=$（“div.box”）.width（）；
$（“span.title”）。悬停(
函数（）{
$（this）.stop（）.animate({
文本缩进：“-”+（$（this.width（））-$（this.parent（）.width（））+“px”
}, 1000);  
}, 
函数（）{
$（this）.stop（）.animate({
文本缩进：“0”
}, 1000);  
}
);
});

这是你的小提琴：

---

---

p.S.记住始终缓存选择器。

为了完成Joseph的回答，我为你的补充问题添加了填充，使标题对称=>

---

Aymeric.

为了完成Joseph的回答，我为你的补充问题添加了填充，使标题符号=>

---

Aymeric.

200px-跨度宽度应该给你这个数量，或者我误解了吗？这是一个有趣的效果，可以用于可用性方面+因此，1.200px-跨度宽度应该给你这个数量，或者我误解了吗？这是一个有趣的效果，可以大大用于可用性的原因+1美元。