javascript - Parallax "scrolling" only through navigation -


Since I'm still new to JavaScript / Jaguari / HTML5 / CSS3, I thought I would ask you a question for everyone Ask more experienced programmers out there.

I'm stuck at the beginning of my program logic. I want to make a website with a vertical "scrolling" effect, though the user should have an effect when clicking the navigation button on the edges of the screen.

The layout of the website will be such that o "o oxo o

" o "contents are divs," x "is" home "page (point of origin ). If the user clicks on the arrow (from the point of origin) at the top of the screen, the page will scroll down. The same goes for any of the other directions. I want a huge picture of background setting which is a vertical effect Using the "scrolls" feature of the specific device It changes its position on the edge.

I am trying to figure out my mind for two days that any help will start with this, and please tell me that I need to be more specific about anything.Thanks!

Home page page of parallax experience In the middle.

For this reason, you will need a parallax plug-in that is appropriate in your webpage To allow navigation, you can control both vertical and horizontal parallax effects.

Consider:

The above perpendicular demo page gives you both directions Allows scrolling.

I use this method / approach to use this plugin.

1. Example of layout design your website with horizontal and vertical content as required: 

  OO here, about the "starting point" above the webpage The content is. OXO Next, you have the content in favor of the "beginners" point as shown. OoO eventually, the content is below the "starting" point to complete the webpage   
  2.  Since webpage visitors will appear at the top of the desired webpage, which is not desired, use  jQuery.scrollTo ()  to set the "Beginners" point on the page load.  
  3. Use the  plugin or method that is every transparent arrow "div" that is every  in the viewport "fixed" position  when clicking on the mouse (  or hovering  ), this will simulate scrollbar movement and the vertical webpage plugin will respond accordingly. Example of layout (Note external navigation is semi-transparent):  
  UUUU webpage top content is here and there is an overlay arrow for UP navigation. Luftar left and right navigation arrows are shown at the top of the "top" content, the Luxor Center will show the starting point "Reliable" navigation arrows. Luft Left and right navigation arrows are seen under the "Start" point. Lower content for DDDDD down navigation is more overlay arrows than here.   
 The hardest part of the webpage should be sufficient "complementary material" which is above the "beginning" point and at the edges. But if "filler-content" is a thumbnail gallery, then this special parallax page will actually look good (and unusual!).

Comments

Post a Comment

Popular posts from this blog

Python SQLAlchemy：AttributeError: Neither 'Column' object nor 'Comparator' object has an attribute 'schema' -

I tried to create a new database in my project, but when I run the script, I get this error, I have another project, this type of definition worked before, but now it gets a single error. I am using Python 2.7.8 and the version of SQLAlchemy module is 0.9.8. By the way, using a project flask- SQLAlchemy, it works well, I'm confused. Traceback information is as follows: Traceback (most recent call final): File "D: / Projects / IOM / db_create.py", line 4, & lt; Module & gt; From the models the base file "D: \ Projects \ OO-IM \ models.py", in line 15, in the & lt; Module & gt; Column ( 'followed_id', int (), ForeignKey ( 'user.id')) file "C: \ Python27 \ lib \ site-packages \ SQLAlchemy \ SQL \ schema.py", line 369, __new__ schema = metadata. Schema file "C: \ Python27 \ lib \ site-packages \ SQLAlchemy \ SQL \ elements.py", line 662, AttributeError in __getattr__ key): Neither 'column' object nor ...
Read more

java - How not to audit a join table and related entities using Hibernate Envers? -

I use Eners to be hibernate to audit my institutions. I have an audit entity, Foo , which includes a list & lt; Bars & gt; However, I do not want to audit the bar institutions, in the form of properties, I have written that: @inti @edicated public class Foo {@JoinTable (name = "T_FOO_BAR", joinColumns = @JoinColumn (name = "FOO_ID"), inverseJoinColumns = @JoinColumn (Name = "BAR_ID")) @ManyToMany (Cascade = Persist) @ Indited (targetAuditMode = RelationTargetAuditMode.NOT_AUDITED ) Public listing & lt; Bars & gt; GetBars () {Return bars; }} Now, I want to retrieve an amendment of foo : AuditReader reader = AuditReaderFactory.get (GetEntityManager ()); FU modification = (FU) reader.CreativeTeA () .entensEtrevision (Foo Class, 42) .getSingleResult (); Unfortunately, when I want to retrieve all the data (i.e. when it loads lazy times ), error me ORA-00942: table or view is not present , because Tried to query this: Sel...
Read more

mongodb - CakePHP paginator ignoring order, but only for certain values -

While pagging my user model in kppp, I can sort with some values, but not others. For example, I can order results from created or email , for example, but username or reputation seems to come back order by arbitrary command for example with a list of users: $ this-> paginate = array ('condition' => array ( 'User.is_active' = & gt; true), 'border' => 24, 'order' => array ('User.created' => DESC)); Works as expected, but $ this - & gt; Paged = array ('conditions' = & gt; array (' user.isIactive '= & gt; true),' border '= & gt; 24,' command '= & gt; array (' user repeats' = ' & Gt; DESC ')); No, no. I first thought that this could be a database issue, but when I search the database directly, sorted as expected. Note: I am using Mangodebi with the Mongo DB plugin of Ichikawa for the KPPHP; Pagnetizing users are used to work properl...
Read more