PDA

View Full Version : Sticky Content script change position.



taghaboy
05-18-2012, 12:07 AM
1) Script Title: Sticky Content script

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex11/stickycontent.htm

3) Describe problem: i use this amazing script in my web site Entre chiens et chats (http://www.entre-chiens-et-chats-agadir.com/) as a menu bar. so the only problem i have, it's when i resize the window and scrolling down or up, the menu bar change position / slide out of the website layout. see the attached files or go to the web site for more information.

Thanks for any help and suggestion.

jscheuer1
05-18-2012, 06:31 AM
Use this version of the script:

4456

taghaboy
05-18-2012, 08:22 PM
:eek: AMAZING change, i love a lot the smooth animation to find the right position, and it work also in Opera.
thanks sir.

taghaboy
05-18-2012, 08:45 PM
Pls just one last thing i ask for, it's how can i let the Sticky Content script to show the drop down menu?
(see the Articles pour chiens + Articles pour chats)

thanks

jscheuer1
05-20-2012, 03:04 AM
Move this (highlighted, from the page's source code):


<link rel="stylesheet" href="http://www.entre-chiens-et-chats-agadir.com/wp-content/themes/Agadirweb_framwork-aimmi_v-2.2/css/slider.css" type="text/css" media="all" />
<script type="text/javascript" src="http://www.entre-chiens-et-chats-agadir.com/wp-content/themes/Agadirweb_framwork-aimmi_v-2.2/js/jquery.cycle.all.min.js"></script>
<script type="text/javascript">
var $jts = jQuery.noConflict();
$jts(document).ready(function(){

//Slider
$jts('#slideshow').cycle({
timeout: 0, // milliseconds between slide transitions (0 to disable auto advance, default 5000)
fx: 'turnDown', // choose your transition type, ex: fade, scrollUp, growX, curtainX, shuffle, turnDown, blindY, cover, wipe, etc...
pager: '#pager', // selector for element to use as pager container
pause: 0, // true to enable "pause on hover"
pauseOnPagerHover: 0 // true to pause when hovering over pager link
});
});
</script>
<script type="text/javascript" src="http://www.entre-chiens-et-chats-agadir.com/wp-content/themes/Agadirweb_framwork-aimmi_v-2.2/js/stickycontent.js">
/***********************************************
* Sticky Content script (c) Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#menu').stickyit({
gap: 5,
stickyclass: "docked"
})
})
</script>
<!-- wp_head*** -->

<!-- This site is optimized with the Yoast WordPress SEO plugin v1.1.5 - http://yoast.com/wordpress/seo/ -->
<meta name="description" content="✔ Magasin Entre Chiens et Chats Agadir offre des services de qualite en produits pour votre compagnon : produits veterinaires, aliments croquettes &amp; dietetique veterinaires, accessoires et toilettage, gardiennage a Prix Bas Garantis !"/>
<meta name="keywords" content="gardiennage, Pension,canin . . .

To here:


. . . nate" href="http://www.entre-chiens-et-chats-agadir.com/feed/" type="application/rss+xml" title="????? Entre chiens et chats Agadir : toilettage accessoires alimentations pension gardiennage produits vétérinaires. Feed" />
<link rel="shortcut icon" href="http://www.entre-chiens-et-chats-agadir.com/wp-content/themes/Agadirweb_framwork-aimmi_v-2.2/img/favicon.ico" />
<link rel="icon" href="http://www.entre-chiens-et-chats-agadir.com/wp-content/themes/Agadirweb_framwork-aimmi_v-2.2/img/animated_favicon.gif" type="image/gif" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://www.entre-chiens-et-chats-agadir.com/wp-content/themes/Agadirweb_framwork-aimmi_v-2.2/js/pretty.photo.js"></script>
<script type="text/javascript" src="http://www.entre-chiens-et-chats-agadir.com/wp-content/themes/Agadirweb_framwork-aimmi_v-2.2/js/smoothscroll.js"></script>
<script type="text/javascript" src="http://www.entre-chiens-et-chats-agadir.com/wp-content/themes/Agadirweb_framwork-aimmi_v-2.2/js/stickycontent.js">
/***********************************************
* Sticky Content script (c) Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#menu').stickyit({
gap: 5,
stickyclass: "docked"
})
})
</script>
<script type="text/javascript" src="http://www.entre-chiens-et-chats-agadir.com/wp-content/themes/Agadirweb_framwork-aimmi_v-2.2/js/custom.js"></script>
<!--[if IE 6]>
<script src="http://www.entre-chiens-et-chats-agadir.com/wp-content/themes/Agadirweb_framwork-aimmi_v-2.2/js/dd_belated_png.js"></script>
<script>DD_belatedPNG.fix('.ie6fix, #top, #nav a:h . . .

That's to just before the external tag for custom.js (the script that initializes the menu). If placed there, the menu will initialize for both the hard coded one and the script generated one made by the Sticky Content script.

taghaboy
05-20-2012, 10:27 AM
It work, thanks a lot.