在 HTML 中制作网站标题滚动答案

【问题标题】：Make a website title scroll in HTML在 HTML 中制作网站标题滚动
【发布时间】：2016-05-23 21:43:14
【问题描述】：

我希望我的网站标题在标签页中滚动，当文本足够长以使其滚动并且只滚动到标题末尾时，而不是让它像滚轮一样继续滚动（？）。

基本上，举个例子，假设标题是：“这是我网站的标题，真的很长。”这个标题应该滚动。

第一个或初始状态应该是：“这是我网站的标题”，然后它会开始滚动，直到它显示“它真的很长”。

然后它不应该显示类似“真的很长。这是我的我们”……而是应该回到初始状态：“这是我网站的标题”。

作为另一个例子，假设标题是“网站标题”，现在这个标题不应该滚动。

我不确定不同浏览器标签页中可见字符的确切数量是多少，但我用谷歌浏览器数了一下，它们是 26 个。

我目前正在使用此代码：

(function titleScroller(text) {
        document.title = text;
        console.log(text);
        setTimeout(function () {
            titleScroller(text.substr(1) + text.substr(0, 1));
        }, 500);
    }("This is my website's title which is really long."));

这是我在另一个 StackOverflow 问题中发现的，但这个问题会使文本滚动，因为我不想要。

有人可以帮助我实现预期或期望的行为吗？

提前致谢。

【问题讨论】：

也分享一个显示您当前进度的实时 URL？
1990 年代又来了！所以当你检测到它到达最后时，将标题设置回原始状态。
可能不可行，因为显示标题的宽度未知（这意味着您无法检测到它何时到达末尾）。但是，您可以从“123...”滚动到“...789”到“89”到“9”到“”，然后再返回...
如果您希望人们能够为您的页面添加书签并拥有有用的标题，这可能是个坏主意。
我没有实时网址，因为我还没有发布此网址，因为我想在之前测试所有内容。

标签： javascript jquery html css web

【解决方案1】：

您无法检测到标题何时到达末尾（“它真的很长。”），因为您无法向用户的浏览器查询标题区域的长度（这取决于浏览器的窗口大小、打开的选项卡数量等）。因此，不可能实现你的想法。

但是，您可以动态地更改图标，并让您的页面标题完全根据您的要求在图标众所周知的有界区域内滚动。欢迎来到 90 年代，耶！

【讨论】：