简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > HTML Tutorial > body text

图片无缝滚动(div+css)_html/css_WEB-ITnose

WBOY
Release： 2016-06-24 12:29:29
Original
969 people have browsed it

想必大家都注意到的不循环滚动，所以出现了很多替代脚本，或iframe或JS输出，不管怎么做，都略显麻烦。下面说一下这个相对简单的实现思路：一个设定宽度并且隐藏超出它宽度的内容的容器demo，里面放demo1和demo2，demo1是滚动内容,demo2为demo1的直接克隆，通过不断改变demo1的scrollTop或者scrollLeft达到滚动的目的，当滚动至demo1与demo2的交界处时直接跳回初始位置，因为demo1与demo2一样，所以分不出跳动的瞬间，从而达到“无缝”滚动的目的。
http://hi.baidu.com/cnaspnet/blog/item/52e40c46fcb6af096b63e5bc.html(转自网络)

Related labels：
图片无缝滚动(div+css)
source：php.cn
Previous article：DIV+CSS实现左右分栏_html/css_WEB-ITnose Next article：div+CSS样式的网页例子_html/css_WEB-ITnose
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to prevent the converted elements from overflowing and automatically cutting them off? I'm using Bootstrap4 to make a modal gallery for a friend's personal website. I set it up ...
From 2023-09-07 20:04:02
0
1
290
Unable to scroll to the overflow part of the element above the page If I resize the page, the elements overflow above the viewport and I can't scroll up to se...
From 2023-08-30 21:41:10
0
2
313
How to achieve the sliding effect of CSS background image without using F12? I'm currently trying to make a website using CSS and HTML, but I can't seem to get my back...
From 2023-08-14 19:47:48
0
1
336
javascript - Principles of face-changing technology in web photos The function I want to achieve: take a frontal photo of myself with my mobile phone on the...
From 2017-06-20 10:07:05
0
1
2519
javascript - A click event bug. I don't know what went wrong. 1. After scrolling the picture to the right side of the mouth, and then quickly clicking t...
From 2017-05-18 10:59:14
0
1
752
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！