Comment Modifier la position de la flèche du backtotop?

[Ced17]

Bonsoir à tous,

 

Je suis sous prestashop 1.6.1.11 avec un thème acheté sur l'addon.

 

Jusque la tout va bien, mais j'aimerais que la flèche pour remonter en haut de page ne se masque que a quelques pixels en haut.

 

Je ne sais pas si ça peut aider, mais est-ce ici qu'il faut modifier ?

 

Exemple en image pour mieux comprendre:

 

ensuite, 

 

et enfin ce que je voudrais si possible

 

Merci.

/*
* 2007-2015 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2015 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*/

(function($){
	$.fn.UItoTop = function(options) {

 		var defaults = {
			text: 'To Top',
			min: 200,
			inDelay:600,
			outDelay:700,
  			containerID: 'toTop',
			containerHoverID: 'toTopHover',
			scrollSpeed: 1200,
			easingType: 'linear'
 		};

 		var settings = $.extend(defaults, options);
		var containerIDhash = '#' + settings.containerID;
		var containerHoverIDHash = '#'+settings.containerHoverID;
		
		$('body').append('<a href="#" id="'+settings.containerID+'">'+settings.text+'</a>');
		$(containerIDhash).hide().click(function(){
			$('html, body').animate({scrollTop:0}, settings.scrollSpeed, settings.easingType);
			$('#'+settings.containerHoverID, this).stop().animate({'opacity': 0 }, settings.inDelay, settings.easingType);
			return false;
		})
		.prepend('<span id="'+settings.containerHoverID+'"></span>')
		.hover(function() {
				$(containerHoverIDHash, this).stop().animate({
					'opacity': 1
				}, 600, 'linear');
			}, function() { 
				$(containerHoverIDHash, this).stop().animate({
					'opacity': 0
				}, 700, 'linear');
			});
					
		$(window).scroll(function() {
			var sd = $(window).scrollTop();
			if(typeof document.body.style.maxHeight === "undefined") {
				$(containerIDhash).css({
					'position': 'absolute',
					'top': $(window).scrollTop()  + $(window).height() - 50
				});
			}
			if ( sd > settings.min ) 
				$(containerIDhash).fadeIn(settings.inDelay);
			else 
				$(containerIDhash).fadeOut(settings.Outdelay);
		});

};
})(jQuery);

Edited August 31, 2017 by Ced17 (see edit history)

[Ced17]

up please!

[Ced17]

Personne n'a une petite info pour m'aiguiller que j'ai un point de départ.

Merci

[Ced17]

Allo!! Bon, je sais qu'il y a des sujets plus important, mais ce serait bien d'avoir Une petite réponse histoire de ce sentir moins seul

[Ced17]

up!!

[Ariane Web et Plus]

Bonjour,

 

Est ce que vous pouvez nous donner l'url du site.

Et est ce que vous pouvez être plus précis dans votre demande, parce que je ne comprend pas ce que vous voulez dire par disparaissent en haut, il ne peux pas disparaître en haut; il est forcement en bas à droite de l’écran pour une logique ergonomique.

 

Bonne journée

[Ced17]

Bonjour Ariane Web et Plus,

Et merci de votre réponse. Vous l'avez compris, je voudrais qu'elle disparaisse en haut de l'écran.

 

Je ne peux pas vous donner d'URL car je travaille toujours en local pour l'instant.

 

En faite, un exemple concret de ce que je voudrais sur ce site :

 

http://fr-m.rosegal.com

 

C'est assez complexe je pense qu'en pensez vous ?

 

Merci et bonne journée.

[Ariane Web et Plus]

Désolée j'ai du mal à comprendre, vous voudriez qu'il disparaisse mais sur l'image il n’apparaît pas.

Sur le lien il n'y a pas de flèche.

Dans tous les cas sans l'url ça va être difficile de répondre.

 

Bonne journée

[Ced17]

Je suis sur mon smartphone car pas chez moi, allez sur le site Rosegal.com mais sur PC, car sur mobile, il n'y a pas de scroll.

 

A la place de la flèche classique, il ont mis un papillon qui monte jusqu'en haut de l'écran en battant des ailes en prime.

 

Je ne peux pas vous donner d'URL malheureusement je suis désolé mais ce que je voudrais est sur ce site.

 

Merci à vous.

[Ced17]

Hum, j'en déduis que c'est mort

[Ced17]

Un dernier up au cas où

[Ariane Web et Plus]

Bonjour,

 

C'est tout a fait possible, mais je ne peux pas vous donner la solution sans avoir une url du site.

Je ne sais même pas quel est la différence entre ce que vous avez et ce que vous voulez.

 

Bonne journée

[Ced17]

Merci Ariane Web ,

 

J'ai le papillon sans l'effet battement d'ailes. Et je ne peux pas vous donner dans l'immédiat une URL,car le site est en développement.

 

Tant pis pour l'instant, mais puis -je me permettre de vous recontacter quand le site sera en Prod? 

 

Merci et bonne journée également.