You can set your image as a centered background of a div:
<!DOCTYPE html>
<head>
<style>
body{
overflow-x: hidden;
}
#bigImage{
background:url('sitewide.png') no-repeat top center;
width: 2880px;
height: 540px;
}
</style>
</head>
<body>
<div id="bigImage"></div>
</body>
</html>
No, you can not disable that.
you only can scroll to nearest slide on every scroll event.
// fill lidesTopOffsets array with top offsets
// of your slides when document is ready
var slidesTopOffsets = [100, 200, 300, 400, 500];
var minDifferecne = 10000;
$( window ).scroll(function() {
// find nearest slide
for(var i=0; i < slidesTopOffsets.length; i++){
if(Math.abs($(window).scrollTop() - slidesTopOffsets[i]) < minDifferecne)
minDifferecne = slidesTopOffsets[i];
}
// scroll to nearest slide
$(body).animate({
scrollTop: minDifferecne
}, 0);
});
hope that it helps.
No, you can not disable that.
you only can scroll to nearest slide on every scroll event.
// fill lidesTopOffsets array with top offsets
// of your slides when document is ready
var slidesTopOffsets = [100, 200, 300, 400, 500];
var minDifferecne = 10000;
$( window ).scroll(function() {
// find nearest slide
for(var i=0; i < slidesTopOffsets.length; i++){
if(Math.abs($(window).scrollTop() - slidesTopOffsets[i]) < minDifferecne)
minDifferecne = slidesTopOffsets[i];
}
// scroll to nearest slide
$(body).animate({
scrollTop: minDifferecne
}, 0);
});
hope that it helps.
No, you can not disable that.
you only can scroll to nearest slide on every scroll event.
// fill lidesTopOffsets array with top offsets
// of your slides when document is ready
var slidesTopOffsets = [100, 200, 300, 400, 500];
var minDifferecne = 10000;
$( window ).scroll(function() {
// find nearest slide
for(var i=0; i < slidesTopOffsets.length; i++){
if(Math.abs($(window).scrollTop() - slidesTopOffsets[i]) < minDifferecne)
minDifferecne = slidesTopOffsets[i];
}
// scroll to nearest slide
$(body).animate({
scrollTop: minDifferecne
}, 0);
});
hope that it helps.
you can always use console.time('timerName') and console.timeEnd('timerName') to set a timer and find out elapsed time between two points of your javascript code, then compare the results:
console.time('BigArray');
var arr1 = [];
for(var i=0; i<200000; i++){
arr1.push('test');
}
console.timeEnd('BigArray');
console.time('SeveralArrays');
for(var i=0; i<200000; i++){
var arr2 = ['test'];
}
console.timeEnd('SeveralArrays');
the output will be something like:
BigArray: 123ms
SeveralArrays: 456ms