0xFF listája és némi kutakodás/buherálás nyomán sikerült megcsinálni, amit szerettem volna.
Amivel most küzdök:
Szeretnék kitenni egy floating share részt is, ami görgetés közben az aktuális URL-hez igazodik a megosztások számát tekintve. Úgy, ahogy pl. itt is látható lefelé görgetve:
OCZ Storage Solutions Re-emerges as Toshiba Subsidiary
Az oldalamon most egy js figyeli a szkrollozást, és egy megadott div részt, és ettől függően mahinál az URL-lel. Az URL frissítésre nem lehet rátenni valahogy egy div rész, vagy egy js újratöltését?
Próbáltam a $.getScript-et is és a jQuery.get-et is, de egyikkel sem jutottam előbbre.
Itt az aktuális kódrész:
PHP kód:
function initialise_Scrollspy(){
// spy on post-divider - changes the URL in browser location, loads new post
jQuery('.post-divider').on('scrollSpy:exit', changeURL );
jQuery('.post-divider').on('scrollSpy:enter', changeURL );
jQuery('.post-divider').scrollSpy();
}
function [B]changeURL[/B](){
var el = jQuery(this);
var this_url = el.attr('data-url');
var this_title = el.attr('data-title');
var offset = el.offset();
var scrollTop = jQuery(document).scrollTop();
// if exiting or entering from top, change URL
if ( ( offset.top - scrollTop ) < 150 ) {
curr_url = this_url;
History.pushState(null, null, this_url );
window.document.title = this_title;
}
doAutoLoad();
}
function [B]doAutoLoad[/B](){
// grab the url for the new post
var post_url = jQuery('a[rel="prev"]').attr('href');
if ( !post_url ) return;
// check to see if pretty permalinks, if not then add partial=1
if ( post_url.indexOf( '?p=' ) > -1 ) {
np_url = post_url + '&partial=1'
} else {
np_url = post_url + '/partial';
}
// remove the post navigation HTML
jQuery(nav_container).remove();
jQuery.get( np_url , function( data ) {
var $post_html = jQuery( '<hr class="post-divider" data-url="' + post_url + '"/>' + data );
var $title = $post_html.find( post_title_selector );
jQuery( content_container ).append( $post_html );
// get the HR element and add the data-title
jQuery('hr[data-url="' + post_url + '"]').attr( 'data-title' , $title.text() );
// need to set up ScrollSpy on new content
initialise_Scrollspy();
});
Könyvjelzők