Merge pull request #2727 from rabuzarus/1008-item-highlight

frio: highlight - test if the item is available in the dom
This commit is contained in:
Tobias Diekershoff 2016-08-10 14:49:27 +02:00 committed by GitHub
commit dbab4db754

View file

@ -549,19 +549,24 @@ function scrollToItem(itemID) {
if( typeof itemID === "undefined") if( typeof itemID === "undefined")
return; return;
var elm = $('#'+itemID);
// Test if the Item exists
if(!elm.length)
return;
// Define the colors which are used for highlighting // Define the colors which are used for highlighting
var colWhite = {backgroundColor:'#F5F5F5'}; var colWhite = {backgroundColor:'#F5F5F5'};
var colShiny = {backgroundColor:'#FFF176'}; var colShiny = {backgroundColor:'#FFF176'};
// Get the Item Position (we need to substract 100 to match // Get the Item Position (we need to substract 100 to match
// correct position // correct position
var itemPos = $('#'+itemID).offset().top - 100; var itemPos = $(elm).offset().top - 100;
// Scroll to the DIV with the ID (GUID) // Scroll to the DIV with the ID (GUID)
$('html, body').animate({ $('html, body').animate({
scrollTop: itemPos scrollTop: itemPos
}, 400, function() { }, 400, function() {
// Highlight post/commenent with ID (GUID) // Highlight post/commenent with ID (GUID)
$('#'+itemID).animate(colWhite, 1000).animate(colShiny).animate(colWhite, 600); $(elm).animate(colWhite, 1000).animate(colShiny).animate(colWhite, 600);
}); });
} }