有没有什么方法能让网页整体的左右循环滚动

就是说，页面整体宽度是超出浏览器宽度的，让这个页面自动从左侧滚到右，再滚回来，这么循环滚动

写回答
好问题 0 提建议
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

3条回答默认最新

斯洛文尼亚旅游 2018-09-02 21:50

关注

 <!doctype html>
<style>body{margin:0}</style>
<div>111<script>document.write('123456789'.repeat('30'))</script></div>
<script>
    var root = document.compatMode == 'CSS1Compat' ? 'documentElement' : 'body'
        , clientWidth = document[root].clientWidth, scrollWidth = document[root].scrollWidth
        , step = 100, delay = 200;
    window.onresize = function () { clientWidth = document[root].clientWidth; scrollWidth = document[root].scrollWidth }
    if (scrollWidth > clientWidth) setInterval(function () {
        document[root].scrollLeft += step;
        if (document[root].scrollLeft >= scrollWidth - clientWidth || document[root].scrollLeft == 0) step = -step;
    }, delay)
</script>

本回答被题主选为最佳回答 , 对您是否有帮助呢?

查看更多回答(2条)

编辑

预览

报告相同问题？

关注问题

请问vue如何设置全屏背景让页面有滚动条？ css vue.js 前端
2022-03-05 06:38

回答 1 已采纳加个top跟left值，再加个滚动条overflow-y:auto
有没有人遇到过，vue前端 html2cancas截图不全的问题？ elementui vue.js 前端
2022-05-10 06:29

回答 2 已采纳这个就是截显示在当前页面的部分的内容吧，滚动滚动条再出现的就截不到了，只是给当前网页页面截图
ASP.NET网页如何实现文字水平循环向左滚动代码 asp.net javascript
2017-05-17 00:36

回答 2 已采纳楼主多学下客户端html知识，marquee就能实现的。asp.net也支持直接放客户端控件，错误时你自己没用对 ``` ```
6屏左右循环滚动图片代码.rar
2019-07-04 15:42

标题中的“6屏左右循环滚动图片代码”是指一种JavaScript实现的网页动态效果，它能够将多张图片在六个屏幕上进行左右循环滚动展示，通常用于创建视觉吸引力强的图片展示区域，比如网站的轮播图或者产品展示部分。...
ant-design-vue没找到滚动条设置，有什么替代方案吗？ vue.js 前端前端框架
2023-02-07 09:32

回答 2 已采纳 Ant Design Vue 是一款基于 Vue 的 UI 组件库，没有提供滚动条组件，但是你可以使用第三方库或者直接使用 CSS 来实现滚动条的设置。一个常用的第三方库是 "vue-perfect
uniapp tab切换缓存数据有没有类似keepalive的实现方法 vue.js 前端缓存
2021-10-19 03:12

回答 1 已采纳有啊，官网不是有模板，前两天改他这个模板，改的死去活来的
前端，如何将 div 钉在屏幕的中间随着滚动条滚动? bootstrap javascript 前端
2021-12-27 08:26

回答 1 已采纳 postion:fixed 或者 position:sticky，有兼容性的问题，记得加浏览器兼容前缀
前端网页开发学习（HTML+CSS+JS）有这一篇就够！
2024-06-20 04:47

一颗小谷粒的博客本篇文章详细总结了前端网页开发的三大必备语言：Html、css和Javascript，内容精炼且易懂，适合新手学习和期末复习！（八千字总结）
前端table表格给td调整宽度，左侧表格加宽后，右边的表格因为屏幕原因没有调宽 html vue.js 前端
2022-05-26 06:23

回答 2 已采纳不用百分比,用实际宽度
微信小程序左右滑动的时候如何不让页面上下滑动前端小程序微信小程序
2021-12-17 09:00

回答 3 已采纳小程序实现滑动删除有几种方式，可以使用movable-view实现滑动，或者使用Touch事件实现滑动。具体代码你可以看下我写的这篇文章，我用这两个标签的时候没有出现页面同时滚动的情况 https:
vue页面等比例缩放如何做到没有留白并没有滚动条 javascript vue.js 前端
2022-04-26 05:34

回答 3 已采纳看你这意思，你是想做可视化大屏那样的东西扒，同比例缩放宽度或者高度占满浏览器。有一点得注意，在1980分辨率下面，浏览器内容高度并没有1080的，你试试把初始值改成937px
用html把图片整体往左挪动,网页制作如何让图片从左到右循环移动
2021-06-09 00:43

Elodin的博客满意答案tyler5692015.11.03采纳率：51%等级：7已帮助：460人网页制作(HTML)让图片从左到右循环移动使用 css +js完成。例如：从左向右循环移动图片向右循环滚动var speed = 30;demo2.innerHTML = demo1.innerHTML;...
JavaScript实现滚动栏效果的方法
2020-10-23 23:50

在现代网页设计中，动态且流畅的滚动栏效果是吸引用户的重要手段之一。...通过细致地调整和优化DOM操作和事件处理逻辑，我们可以让网页元素的滚动表现得更加自然、流畅，从而提升整体的交互品质和视觉吸引力。
前端页面 qq音乐轮播图
2021-04-23 06:49

在前端开发领域，轮播图（Carousel）是一种常见的网页元素，用于展示一组可滑动的图片或内容。QQ音乐作为一款流行的在线音乐平台，其前端页面中的轮播图设计是吸引用户注意力、传递信息的重要手段。本文将深入探讨...
fly-barrage 前端弹幕库（3）：滚动弹幕的设计与实现
2024-03-01 14:51

纷飞丿的博客今天和大家说说滚动弹幕的设计与实现，为了便于理解，我会由简到难的一步步解析说明，主要包括以下几块内容： - 实现一条滚动弹幕的计算与渲染； - 实现多条滚动弹幕的计算与渲染； - 实现多条滚动弹幕相同字号...
没有解决我的问题, 去提问

码龄粉丝数原力等级 --

有没有什么方法能让网页整体的左右循环滚动

3条回答默认最新

码龄粉丝数原力等级 --

有没有什么方法能让网页整体的左右循环滚动

3条回答 默认 最新

3条回答默认最新