First look at the HTML skeleton, as follows:
The structure is simple and clear, nothing to say.
Talk about the implementation principle:Div box is the outermost box, give it a specified width, remember to add a Overflow:hidden (beyond the content hidden) style to box, because the scroll must be beyond box.We through JS Control ul tag margin to achieve scrolling. The lateral scrolling is the c
Scrolling view ScrollView is derived from Farmelayout, which is a component used to add a vertical scrollbar to a normal component; ScrollView contains at most one component, and ScrollView's role is to add a vertical scrollbar to the component. (ScrollView's role is very similar to JScrollPane, and they can't even be called real containers.) They just add scroll bars to other containers. By default, ScrollView just adds a vertical scrollbar to other
Enables IFRAME to support Scrolling on iOS devices and iframeios devices.Original article: Scroll IFRAMEs on iOSOriginal Article Date: January 1, July 02, 2014Translated on: February 1, July 10, 2014Translated by: TieFor a long time, the elements in Safari on iOS devices that exceed the border cannot be rolled, which has been a torment for developers. This is especially frustrating for the original author's blog, because the demo program runs in the s
Online Demo 1
Online Demo 2
Online Demo 3
Online Demo 4
Online Demo 5
Local Downloads
Original link: http://www.gbtags.com/gb/share/5650.htm page scrolling Switch effectToday introduced a JavaScript small animation plug-in velocity.js, you can easily and efficiently develop a multi-page scrolling transition effect of the site.Browser supportVelocity.js suppor
text to slide horizontally TextView You can also set the scrolling times for the marquee effect, as follows: XML code settings: android:marqueerepeatlimit= "1". 1 represents 1 times, and 1 represents an infinite loop. Java Code settings: Mtvtext.setmarqueerepeatlimit (-1);Summary of the results of the implementation of the marquee, online more popular there are two, tested can achieve text scrolling effect
Flattening has become mainstream, simple wind can be seen everywhere, panorama large picture + single page design has become a synonym for tall. Random combination of several general trend of design techniques seem to be able to achieve a forced lattice of good sites, grinding details seem unnecessary, really is this? The details are filled with demons. Today, the Ui/ux designer from Vtex Lab, Rodrigo Muniz, wrote about the user experience in one-page scroll
The shortcut key for Picpick's default intercepting scrolling window is: Ctrl+alt+printscreen.
So, find a scrolling window, such as you go to google search keywords, and then open the page, the right side of a window scrolling button, you can drag the mouse to achieve the pull down scrolling screen effect.
In the cur
1. First write two most commonly used the most concise scroll code
The code is as follows:
Horizontal scrolling:
Vertical scrolling:
2. Smooth continuous rolling
Copy Code code as follows:
/* STOP () Start () cannot be in the same container as the call ID, if the container does not have a default height to set the height * *
3 have stay rollingcode example:
[Ctrl
Recent projects to do a similar song every day the effect of automatic scrolling line number. The first thing you want to do with Android is the Scroller class or Scrollto, Scrollby, or the View.layout () method, or use animation. But to loop around, it looks like these to the last line scrolling to the first row has the effect of rolling back, is not a good solution. How can you forget the canvas of all th
Recent leisure time, wrote a number of pictures horizontal, vertical scrolling jquery plug-ins (if it is a single, you can see my previous article Xdmjs application of the JS image of the circular carousel (Picture loop Scrolling), the contents of the plugin are as follows:
The code is as follows
Copy Code
/*@plugName: Jquery.breviaryScroll.js@company: baidu.com@author: by xudemi
First of all, to explain, this "multi-functional" seamless scrolling plug-ins, in the end how "multi-functional"? The Marquee.js plug-in provides a total of 19 optional configuration parameters, which is what I can think of as a general seamless scrolling may involve a variety of. Here's a quick look at these parameters:
View Source code Printing HelpAuto:true//whether to scroll automatically
interval:300
Method to invoke:
First you have to link the script to your page, or you can call the link below directly. Of course, it's best to download it to your own machine.
Copy Code code as follows:
Here is the first way to use it, which may seem a bit cumbersome, but requires only two lines of code;
Copy Code code as follows:
var samplediv = new Scrollingad ("divID", MB, "yellow", "up", +, N, true);
Samplediv.move ();
This creates an uninterrupted loop-
Javascript| Control | page
First, when I move the mouse over this indicator, the page scrolls up automatically, and the page scrolls down automatically when you move the mouse to the indicator. We have to lament the magic of the new technology! It takes us less effort to do the same work. But is it possible to make such an indicator on an HTML page? The answer, of course, is: absolutely OK! Come with me, please.
Realize the idea1, first of all, prepare 2 graphics files, one represents up, and th
This time, we bring you a seamless scrolling effect with CSS3 to achieve infinite loops, CSS3 to realize the seamless scrolling effect of infinite loops what to note, here is the actual case, take a look.
Sometimes in a module of a page, you need to scroll some messages in an infinite loop. So what if we use JS to achieve a seamless rolling idea (for example, our module is
The desired effect is that the ListView cannot scroll, but the biggest problem with the ListView item is that there must be a click event. Assuming there is no need to click on the event that is simple, directly set listview.setenable (false);Suppose you still need to click an event. Scrolling and clicking are all managed in the ListView Touch processing mechanism.The ListView Click event is the processing logic of the multiplexed viewgroup, which tri
Now this label is not advocated for use because it does not conform to the functional separation of the standard (structure, style, behavior). 1.behavior scrolling way "alternate": means rolling back and forth "scroll" between the ends: means scrolling from one end to the other, repeating "slide": means scrolling from one end to the other, not repeating the direc
Seamless text scrolling Based on javascript and seamless javascript
This article shares all the code for seamless text scrolling using javascript For your reference. The specific content is as follows:
:
Implementation Code:
The above is all the content of this article, and I hope it will be helpful for javascript programming.
Articles you may be interested in:
Thoroughly understand JS seamless code
Overview The-webkit-overflow-scrolling property controls whether the element uses a scrolling rebound effect on the mobile device. The value auto uses normal scrolling, and when the finger moves away from the touchscreen, scrolling stops immediately. Touch uses scrolling wit
JS Replacement marquee for seamless scrolling of picturesPerhaps everyone has come across, when the marquee scroll is the picture, roll to the end of the time to jump back to the starting point, and not as the text can be seamless scrolling, the following is the introduction of JS to achieve seamless picture scrolling.Let's look at some of these properties:InnerHTML: Sets or gets the HTML that is inside the
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.