Cómo hacer que el gadget de Páginas se haga flotante al bajar el scroll – Shipping – World

Hace algún tiempo vimos cómo poner unosbotones para compartir que se detienen y flotan al bajar la página. Esta vez usando el mismo script conseguiremos el mismo efecto pero con el gadget de Páginas. Lo que hace este código es queal bajar el scroll de la página el gadget de Páginas flota y se mantiene visible, y una vez que se sube el scroll de la página el gadget toma de nuevo su posición original.
Eneste blog de pruebas puedes verlo funcionando, sube y baja por la página para ver cómo se comporta el menú.

Para colocarlo en tu blog entra enPlantilla | Edición de HTML y antes de/head pega lo siguiente:

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/
script
//![CDATA[
$(function() {
var $flotarMenu = $("#PageList1"),
$window = $(window),
offset = $flotarMenu.offset();
$window.scroll(function() {
if ($window.scrollTop() offset.top) {
$flotarMenu.css({'position' : 'fixed', 'width' : '880px', 'top' : '0px'});
} else {
$flotarMenu.css({'position' : 'relative', 'top' : 'auto'});
}
});
});
//
/script
style
#PageList1 {
width:880px; /* Ancho del gadget de Páginas */
background:#fff;/* Color de fondo del gadget */
z-index: 99;
}
/style

¿Qué hay que tener en cuenta si decides usarlo?

Si ya tuvieras jQuery omite la primera línea en color gris. Y si usarasScriptaculous/Prototypedeberás hacer unos cambios.

Lo que está encolor rojo es el ID del gadget de Páginas, así que asegúrate que el ID de tu gadget sea el mismo que el que se muestra en el código, ya que algunas veces puede variar a#PageList2,#PageList3, etc. si así fuera sólo cambia lo que está en rojo por tu verdadero ID.

Incluso puedes usarlo con cualquier otro menú, sólo tendrás que cambiar lo que está en rojo por el ID de tu menú, aunque seguramente tendrás que añadir algunos estilos extras debajo de style

Encolor azul se establece el ancho del gadget. Si ves que queda muy angosto o muy ancho ahí es donde deberás moverle.

Si usas la plantillaFantástico, S.A. (Awesome Inc.) sabrás que el menú cubre todo el ancho de la pantalla, así que quienes usen esa plantilla deberán usar este código en lugar del anterior:

script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' type='text/javascript'/

script
//![CDATA[
$(function() {
var $flotarMenu = $(".tabs-outer"),
$window = $(window),
offset = $flotarMenu.offset();
$window.scroll(function() {
if ($window.scrollTop() offset.top) {
$flotarMenu.css({'position' : 'fixed', 'width' : '100%', 'top' : '0px'});
} else {
$flotarMenu.css({'position' : 'relative', 'top' : 'auto'});
}
});
});
//
/script
style
.tabs-outer {
width:100%;
background: url(http://www.blogblog.com/1kt/awesomeinc/tabs_gradient_groovy.png) repeat scroll 0px 0px#000;/* Color de fondo */
z-index: 99;
}
/style

En este caso no hace falta verificar el ID del gadget ni cambiar el ancho del gadget, pero en caso de que lo requieras puedes cambiar el color de fondo modificando lo que está en negrita.

Como has podido ver la instalación es de un solo paso y no hace falta hacer nada más excepto retocar algunos estilos en caso de ser necesario; y el resultado además de ser muy llamativo puede ser muy práctico para tus visitantes y para ti, sobre todo si quieres que tus lectores tengan siempre visibles y a la mano los enlaces de tu menú.

MESOTHELIOMA LAW FIRMDONATE CAR TO CHARITY CALIFORNIAHARDDRIVE DATA RECOVERY SERVICESDONATE A CAR IN MARYLAND DONATING A CAR IN MARYLAND,DONATE CARS ILLINOIS,CRIMINAL DEFENSE ATTORNEYS FLORIDA ,BEST CRIMINAL LAWYER IN ARIZONASTRUCTURED ANNUITY SETTLEMENT,ASBESTOS LAWYERS,NUNAVUT CULTURE,DAYTON FREIGHT LINES ,Bextra Bankruptcy Dental Plan Private JetMundial Football Mesothelioma law firm,mega life and health FIFA World Cup es un buen servicio en las distintas naciones trans union pero resulto que tenia cancer y fui a asbestos cancer y me dijeron en asbestos mesothelioma que tambien padecia de prostate cancer treatment y un daño tremendo a mi organismo fui a malignant pleural mesothelioma,asi que hice un prestamo en credit repair y otro en chase credit pero de pronto un anti spam software asi que decido un auto en rental car in costa rica me registre en Facebook en internet domain registration y tambien obtuve un domain registration,Selling annuity payments for cash,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Donate Car To Charity CALIFORNIA DONATE CAR FOR TAX CREDITDONATE CARS IN MADONATE YOUR CAR SACRAMENTOHOW TO DONATE A CAR IN CALIFORNIA DONATE YOUR CAR FOR KIDS,CAR INSURANCE QUOTES COLORADO ,NUNAVUT CULTURE,DAYTON FREIGHT LINESHARDDRIVE DATA RECOVERY SERVICES,DONATE A CAR IN MARYLAND,MOTOR REPLACEMENTS,CHEAP DOMAIN REGISTRATION HOSTING,DONATING A CAR IN MARYLANDMundial Football Los Abogado de lesiones personales en Chicago,FIFA World Cup son muy buenos en chicago y nos ofrecen una Cotizacion de seguro y Cotizacion de Seguro de Vida y Cotizacion de seguro de coches,mesotelioma. Y visitar mesothelioma lawyers o tambien podriamos visitar mesothelioma symptoms y lexington law tambien many people lexington law firm and merlin olsen mesothelioma many people mesothelioma trial lawyers and atlanta mesothelioma lawyers Mesothelioma law firm, massachusetts mesothelioma attorney EEUU,Selling annuity payments for cash,Sell my structured settlement,Sell structured settlement,Structured settlement,Structured settlement companies,Sell my annuity payments lump sum,Car accident lawyer Denver,Accident injury attorneys,Sell my annuity

Hire php developer Donate cars Illinois Php programmers for hire Futuristic architecture domain registration yahoo Php programmers domain name yahoo selling annuity payments for cash quotes car Cheap Car Insurance in Virginia semi truck accident lawyers auto accident attorney Torrance Criminal lawyer Learning adobe illustrator Italian cooking school Donating a Car in Maryland Online casino HOME PHONE INTERNET BUNDLE anti spam exchange server Forensics Online Course webex costs motorcycle lawyer los angeles structured settlement company best criminal lawyer in arizona STRUCTURED ANNUITY SETTLEMENT business administration masters Donate your Car for Money new york mesothelioma law firm Casino Paperport Promotional Code Best social media platforms for business Donate a Car in Maryland Cheap Auto Insurance in VA Dwi lawyer car insurance quotes Royalty Free Images Stock Bankruptcy lawyer Hire php programmers Mobile casino buy structured settlements Criminal defense lawyer Custom WordPress theme designer refinance with poor credit Home Phone Internet Bundle DUI lawyer ONLINECLASSES phd in counseling education car insurance in south dakota Attorney DONATE A CAR IN MARYLAND Make money online Australia florida car insurance company Annuity Settlements Casino reviews Live casino miami personal injury lawyer donate car for tax credit Donate Car to Charity California Social media strategies Email Bulk Service Motor Insurance Quotes houston mesothelioma attorney CAR INSURANCE IN SOUTH DAKOTA Personal Injury Law Firm Hire php developers ONLINE COLLEDGES New social media platforms WORLD TRADE CENTER FOOTAGE register free domains SELL ANNUITY PAYMENT Seo companies Cheap Car Insurance for Ladies fast cash for house Service business software mesothelioma attorney illinois Asbestos Lawyers mesothelioma personal injury lawyers Auto Mobile Shipping Quote Psd to WordPress Seo services Home phone internet bundle Donate Cars in MA Computer science classes online ONLINE MOTOR INSURANCE QUOTES motor insurance quotes online colledges accident attorney orange county Life insurance co Lincoln structured settlement annuity companies Health Records Personal Health Record Cheap car insurance in Virginia PHD IN COUNSELING EDUCATION Custom Christmas cards Donate Cars Illinois structured settlements companies structered settlement mesothelioma compensation WordPress hosting pharmacist jobs in chicago Auto Accident Attorney mesothelioma attorney florida Business finance group yahoo web hosting Social media platforms for business cheap domain registration hosting Hard drive Data Recovery Services AUTOMOBILE ACCIDENT ATTORNEY Business management software Donate Old Cars to Charity Online Colleges donating used cars to charity miami personal injury attorney Best Seo company forensics online course Photo Christmas cards