Response title
This is preview!
- Screen name: atrioom
atrioom's Profile
5 Posts
13 Responses
0
Followers
Activity Trend
Last 30 days
- Last 30 days
- Date Interval
From Date : To Date :
Loading Chart...
Show:
- Expanded view
- List view
Private Message
- i found this in the search (http://forum.jquery.com/topic/fadein-of-div-scrolls-viewport-to-top-of-div), which describes my problem exactly.but i do not change hash tags, and i dont do clicking.an interval function is fading elements in and out. like a slider, but automated (displaying catchphrases).everytime one interval is over, the viewport centers the faded div. so if you are down the page reading other stuff, it zaps you back up to watch the "oh so awesome"-animation.is this a known issue? i would like the viewport to just ignore whats happening on top of the page.thx for any help
- 15-Apr-2011 07:13 AM
- Forum: Using jQuery
hi folks!i have been coding on this vertical sliding navigation quite a while. its tested on all relevant browsers and works like a dream.id loved to show you an example of it, but the site is under development, and i, as a little coder, am not allowed to grant access to it, additionally i do not have enough time to create a testcase for everybody to see.to give you a short insight:the site is quite long (vertically) and we wanted a small navigation (very subtle) to follow the user when scrolling. the problem was: the footer is quite long too, and we didnt want the sliding navigation to reach into it, when scrolling down the footer. in other words: i had to stop the animation when the sliding nav reached the end of the main content.so far so good, i had NO idea how to tell the animation to stop at certain conditions, other than telling it that from the start.my solution is totally workaround and completely selfmade. but i am SURE that there is some kind of "stop animation when condition is met"-command i was totally overlooking. so please dear jquery community: tell me what i am doing wrong, and how i could improve this function.here is the code:- function slide_nav() {
- var scrollingDiv = jQuery("div#slide_nav");
- if(scrollingDiv.length > 0)
- {
- // check for main div lower border to set the navigation so, that it
- // doesnt exceeds this value when scrolling
- // save the main divs lower border position from top
- var main_div = jQuery('div#main');
- var main_div_position = main_div.position();
- var main_div_lower_reach = main_div_position.top + main_div.height();
- var scrollingDiv_offset = scrollingDiv.offset();
- var initial_offset = scrollingDiv_offset.top;
- // Create small helper dog to look up position when finished animating
- var wrapper = jQuery('div#wrapper');
- wrapper.before('<div id="watchdog"></div>');
- var watchdog = jQuery('div#watchdog');
- watchdog.css({
- 'background': 'transparent',
- 'height': scrollingDiv.height(),
- 'width': scrollingDiv.width(),
- 'position': 'absolute',
- 'top': scrollingDiv_offset.top,
- 'left': scrollingDiv_offset.left
- });
- jQuery(window).scroll(function() {
- setTimeout(function() {
- scroll_this_dog(scrollingDiv)
- }, 500);
- });
- function scroll_this_dog(element)
- {
- watchdog.css({
- "marginTop" : (jQuery(window).scrollTop() + 1) + "px"
- });
- var watchdog_offset = watchdog.offset();
- var watchdog_lowerend = watchdog_offset.top+watchdog.height();
- //console.log("BARK! thats my lower end: "+watchdog_lowerend);
- //console.log("maindiv lower end: "+main_div_lower_reach);
- if((watchdog.height()+watchdog_offset.top) > main_div_lower_reach)
- {
- //console.log("BARK! im lower!");
- element.stop().animate({
- "marginTop" : main_div_lower_reach - element.height() - initial_offset + "px"
- }, 1000, "easeOutExpo");
- }
- else
- {
- //console.log("BARK! im above!");
- element.stop().animate({
- "marginTop" : (jQuery(window).scrollTop() + 1) + "px"
- }, 1000, "easeOutExpo");
- }
- }
- }
- }
thanks and gbye- upgrading from 1.0_a2 to 1.0a4 got me some styling problems. For example: the icon of the "ui-btn-left" sits too far on the left, reaching out of the button and getting cut off.I just wanted to ask if this is a known bug, if there is a fix, or if somebody else expierienced this.thx gbye
- 27-Jan-2011 06:07 AM
- Forum: Developing jQuery Mobile
I have a logo in the data-role="header" section which is also a link to home. jquery mobile processes this link and puts its elements around it (span tags and stuff), for it to match other links on the page (rounded border, etc..).It would be great if I could tell jquery to keep this single link unprocessed and style it myself through overriding the theme styles. Is there a way to do this, or maybe different solutions for my problem?in short: can i keep jquery mobile from processing specific elements like links, to get rid of the span tags (in that case)?thanks for any help,alex- Hi jquery-jedis!
I have an AJAX function success running and want to prepend some html-comments to selected elements. If i alert(); the variable, its perfectly set up. Only it wont prepend(); to the element (or any other like jQuery('body')) as I want it to.
I would really appreciate if someone could give me a hint here...
Here is the code:- success: function(result)
{
// Define output variable / Define variables
var jsv_output, incrementor;
// Build the html comment for later jquery use of another script
incrementor = 0;
jsv_output = '<!-- JSV_OUTPUT ';
jQuery.each(result, function() {
jsv_output = jsv_output+result[incrementor].code+'||'+result[incrementor].text+',';
incrementor ++;
});
jsv_output = jsv_output+' -->';
jQuery('body').prepend(jsv_output);
}
- «Prev
- Next »
- success: function(result)
Moderate user : atrioom
© 2013 jQuery Foundation
Sponsored by and others.
