jquery

How do I get a fixed position div to scroll horizontally with the content? Using jQuery

by

The demo is keeping the element’s position:fixed and manipulating the left property of the element: var leftInit = $(“.scroll_fixed”).offset().left; var top = $(‘.scroll_fixed’).offset().top – parseFloat($(‘.scroll_fixed’).css(‘margin-top’).replace(/auto/, 0)); $(window).scroll(function(event) { var x = 0 – $(this).scrollLeft(); var y = $(this).scrollTop(); // whether that’s below the form if (y >= top) { // if so, ad the fixed … Read more

CORS jQuery AJAX request

by

It’s easy, you should set server http response header first. The problem is not with your front-end javascript code. You need to return this header: Access-Control-Allow-Origin:* or Access-Control-Allow-Origin:your domain In Apache config files, the code is like this: Header set Access-Control-Allow-Origin “*” In nodejs,the code is like this: res.setHeader(‘Access-Control-Allow-Origin’,’*’);

jQuery append div inside div with id and manipulate

by

It’s just the wrong order var e = $(‘<div style=”display:block; float:left;width:’+width+’px; height:’+height+’px; margin-top:’+positionY+’px;margin-left:’+positionX+’px;border:1px dashed #CCCCCC;”></div>’); $(‘#box’).append(e); e.attr(‘id’, ‘myid’); Append first and then access/set attr.

Jquery if scroll is a certain amount of pixels

by

You can check $(document).scrollTop() inside of a scroll handler: var $document = $(document), $element = $(‘#some-element’), className=”hasScrolled”; $document.scroll(function() { if ($document.scrollTop() >= 50) { // user scrolled 50 pixels or more; // do stuff $element.addClass(className); } else { $element.removeClass(className); } }); If adding the class name is all you want (no other actions needed), this … Read more

jQuery: height()/width() and “display:none”

by

If an element has an offsetWidth of 0 (jQuery is considering this “hidden”), checked here, then it attempts to figure out what the height should be. It sets the following properties on the element via jQuery.swap() for the duration of the check: position: “absolute” visibility: “hidden” display: “block” Then it gets the height, via getWidthOrHeight(…) … Read more