jquery - Stop moving div with page before footer -

-

I am using this tutorial so that my scrolls can proceed with the page, while the user scrolls. It works like a magic, but as long as you do not reach the bottom of your web and the div still has a situation and still runs from its native div to the footstep. Javascript: 

  $ (document) .ready (function () {var top = $ ('# comment'). Offset () top-parseFloat ($ ('# comment'). Css ('margin hat'). (/ Auto /, 0) replace; $ (window) .scroll (function) {// the y position of scroll is var y = $ (this) .scrollTop (); / / If it is below the form then (y> = top) {// If so, add an ad to a fixed class $ ('# comment') AddClass ('fixed');} else {// otherwise Remove it $ ('#comment'). RemoveClass ('fixed');}}};});

CSS: 

  # comment Fixed {location: fixed; top: 0;}

This is my page, so you can see what my problem is:

Sorry for my english and thanks for your reply :)

< P>

I did this after using it on css property transform . Need to calculate what you can do dynamically. 

  jQuery (window) .load (function () {offset = jQuery ('fieldet'). Offset (). Top; // Left content fieldset = Offset off jQuery ('field'). External highlights (); // Exterior height of external content = jQuery ('cart-collateral'). Outer height (); // The maximum type of the right material to move outside height is maxTop = fieldset & gt; Collaterals? (Field - Colletral) + Offset: Offset; JQuery (window) .scroll (function () {st = jQuery (window) .scrollTop (); if (st & gt; offset & amp; amp; amp; & amp; amp; & amp; & amp; amp; & amp; amp; & amp; & amp; amp; & amp; & amp; amp; & amp; & amp; amp; & lt; maxTop) {jQuery ( 'Cart-colletle'). CSS ('conversion', 'translation (0px,' + (offset) + 'px'); else if (st & lt; offset) {jQuery ('cart-collet') CSS ('transform', 'transpet (0px, 0px)'; else if (st & gt; maxTop) {jQuery ('cart-colletle') .css ('conversion', 'translation (0px, '+ (Max Tech - Offset) +' PX) ');}}};});

UPDATE 

  $ (document) .ready (function () {var top = $ ('# pravyKonfig') .offset () top - parsflot ($ ('# pravyKonfig') .css ('marginopt'). Replace (/ auto /, 0)); var max = $ ('# odber'). Offset (). $ ('# PravyKonfig') Outside Heat (); $ (window) .scroll (function (evt) {var y = $ (this) .scrollTop (); $ ('# pravyKonfig'). RemoveClass ('fixed') , If (y> top & amp; amp; y & lt; max) {$ ('# pravyKonfig'). CSS ('conversion', 'translation (0px,' + (y - above) + 'Px)';) and if (y & lt; top) {$ ('# pravyKonfig'). CSS ('conversion', 'translation (0 px, 0px)'); And if (y> max) {$ ('# pravyKonfig'). CSS ('conversion', 'translation (0px,' + (max - top) + 'px)')}}};}) ;

Comments

Post a Comment

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

-
Image
There are two panels in my JInternalframe. I want to add TopPanel to Jtree to nominate another. But I can not add Jaitari to the top of the panel. Please help me in this piece of code: DefaultMutableTreeNode root = new DefaultMutableTreeNode ("deck"); DefaultMutableTreeNode Item Clubs = New DefaultMutableTreeNode ("Club"); AddAllCard (itemClubs); Root.add (itemClubs); DefaultMutableTreeNode item = New DefaultMutableTreeNode ("Diamonds"); AddAllCard (itemDiamonds); Root.add (itemDiamonds); DefaultMutableTreeNode Itemspads = New DefaultMutableTreeNode ("Spades"); AddAllCard (itemSpades); Root.add (itemSpades); DefaultMutableTreeNode item increases = new DefaultMutableTreeNode ("heart"); AddAllCard (itemHearts); Root.add (itemHearts); Default Trimodel Tree Model = New DefaultTreeModel (Route); Tree = new jetty (tree modal); ScrollPane = new JScrollPane (tree); // scrollPane.setViewportView (tree); . ScrollPane.getViewport () add (tr
Read more

javascript - data.match(var) not working it seems -

-
OK, I have this small block code, which is to scanned a number on the website, but for some reason There is a hip that it is not scanning at all. var regenges = / \ & lt; Span class = "currency-robux" data-to-"item-private-value-price" & gt; ([\ D,]) \ & LT; \ / Span \ & gt; /; Var ValueCiling = Data. Match (reggae); Value-song = number (value slicing location (",", "")); Is there anything wrong with that? This is related to the if statement if (value sling and lieutenant; = price watching) { < P> A function calls to move from there, but for some reason it does not seem to run at all. So I think the Regex is wrong but I'm not sure how. (There is a variable in PriceWinking , this is a snippet from the code.) On the website, I'm trying to remove it. & lt; Span class = "robux" data-plus = "item-privatesale-price" & gt; 115 & lt; / Span & gt; Keep in mind
Read more

javascript - How can I pause a jQuery .each() loop, while waiting for user input? -

-
Before I continue to get a jQuery .each loop to wait for user input There is a problem in repeatedly repeating This is my code (I have commented on what I would like to do): & lt; Html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; Top & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "common_components.css" /> & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" /> & Lt; Link rel = "stylesheet" href = "slider.css" & gt; & Lt ;? Php include_once 'common_components.php'; $ Query = $ dbh- & gt; Queries ("SELECT movies_dir FROM settings"); $ Line = $ query- & gt; Obtain (PDO :: FETCH_ASSOC); Date_default_timezone_set ('UTC'); Echo "& lt; title & gt; movie scanner & lt; / title & gt;"; ? & Gt; & Lt; Script src = "jquery.min.js" & gt; &am
Read more