Firefox: Erratic/jumpy portfolio sorting animation

Hi!

I think it’s a CSS issue but I couldn’t pinpoint where it was coming from. Try creating a copy of your custom CSS and then remove it to see if it goes away.

Also be sure to deactivate all plugins while testing.

Best regards,
Elliott

• This reply was modified 10 years ago by Elliott.

Hey!

Send us a WordPress login and set your reply as private and we’ll take a closer look.

Best regards,
Elliott

Hi!

I can’t reproduce it on my XAMPP setup. Send us a login to the new installation you created and we’ll take a closer look.

Best regards,
Elliott

Hey!

Alrighty I see it now. What happens when you delete lines 114 – 264 in /enfold/js/avia.js?

// -------------------------------------------------------------------------------------------
// modified SCROLLSPY by bootstrap
// -------------------------------------------------------------------------------------------

  function AviaScrollSpy(element, options)
  {
	var self = this;
  
		var process = $.proxy(self.process, self)
		  , refresh = $.proxy(self.refresh, self)
		  , $element = $(element).is('body') ? $(window) : $(element)
		  , href
		self.$body = $('body')
		self.$win = $(window)
		self.options = $.extend({}, $.fn.avia_scrollspy.defaults, options)
		self.selector = (self.options.target
		  || ((href = $(element).attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '')) //strip for ie7
		  || '')
		
		self.activation_true = false;
		
		if(self.$body.find(self.selector + "[href*=#]").length)
		{
			self.$scrollElement = $element.on('scroll.scroll-spy.data-api', process);
			self.$win.on('av-height-change', refresh);
			self.$body.on('av_resize_finished', refresh);
			self.activation_true = true;
			self.checkFirst();
			
			setTimeout(function()
			{
				self.refresh()
				self.process()
				
			},100);
		}
	
  }

  AviaScrollSpy.prototype = {

	  constructor: AviaScrollSpy
	, checkFirst: function () {
	
		var current = window.location.href.split('#')[0],
			matching_link = this.$body.find(this.selector + "[href='"+current+"']").attr('href',current+'#top');
	}
	, refresh: function () {
	
	if(!this.activation_true) return;
	
		var self = this
		  , $targets

		this.offsets = $([])
		this.targets = $([])

		$targets = this.$body
		  .find(this.selector)
		  .map(function () {
			var $el = $(this)
			  , href = $el.data('target') || $el.attr('href')
			  , hash = this.hash
			  , hash = hash.replace(/\//g, "")
			  , $href = /^#\w/.test(hash) && $(hash)
			 
			return ( $href
			  && $href.length
			  && [[ $href.position().top + (!$.isWindow(self.$scrollElement.get(0)) && self.$scrollElement.scrollTop()), href ]] ) || null
		  })
		  .sort(function (a, b) { return a[0] - b[0] })
		  .each(function () {
			self.offsets.push(this[0])
			self.targets.push(this[1])
		  })
		  
	  }

	, process: function () {
		
		if(!this.offsets) return;
		
		var scrollTop = this.$scrollElement.scrollTop() + this.options.offset
		  , scrollHeight = this.$scrollElement[0].scrollHeight || this.$body[0].scrollHeight
		  , maxScroll = scrollHeight - this.$scrollElement.height()
		  , offsets = this.offsets
		  , targets = this.targets
		  , activeTarget = this.activeTarget
		  , i

		if (scrollTop >= maxScroll) {
		  return activeTarget != (i = targets.last()[0])
			&& this.activate ( i )
		}

		for (i = offsets.length; i--;) {
		  activeTarget != targets[i]
			&& scrollTop >= offsets[i]
			&& (!offsets[i + 1] || scrollTop <= offsets[i + 1])
			&& this.activate( targets[i] )
		}
	  }

	, activate: function (target) {
		var active
		  , selector

		this.activeTarget = target

		$(this.selector)
		  .parent('.' + this.options.applyClass)
		  .removeClass(this.options.applyClass)

		selector = this.selector
		  + '[data-target="' + target + '"],'
		  + this.selector + '[href="' + target + '"]'

		active = $(selector)
		  .parent('li')
		  .addClass(this.options.applyClass)

		if (active.parent('.sub-menu').length)  {
		  active = active.closest('li.dropdown_ul_available').addClass(this.options.applyClass)
		}

		active.trigger('activate')
	  }

  }

 /* AviaScrollSpy PLUGIN DEFINITION
  * =========================== */

  $.fn.avia_scrollspy = function (option) {
	return this.each(function () {
	  var $this = $(this)
		, data = $this.data('scrollspy')
		, options = typeof option == 'object' && option
	  if (!data) $this.data('scrollspy', (data = new AviaScrollSpy(this, options)))
	  if (typeof option == 'string') data[option]()
	})
  }

  $.fn.avia_scrollspy.Constructor = AviaScrollSpy

  $.fn.avia_scrollspy.defaults = {
	offset: (parseInt($('.html_header_sticky #main').data('scroll-offset'), 10)) + ($(".html_header_sticky #header_main_alternate").outerHeight()) + ($(".html_header_sticky #header_meta").outerHeight()) + 1 + parseInt($('html').css('margin-top'),10),
	applyClass: 'current-menu-item'
  }

Best regards,
Elliott

Hey!

Alrighty. I’m not sure what a good fix would be so I’ll add this to our bug list to see what Kriesi thinks.

Best regards,
Elliott