- /product/{название продукта}
- /product/{название продукта}-{id продукта}
- /{название категории}/{название продукта}
//uses document because document will be topmost level in bubbling
$(document).on('touchmove',function(e){
e.preventDefault();
});
//uses body because jquery on events are called off of the element they are
//added to, so bubbling would not work if we used document instead.
$('body').on('touchstart','.scrollable',function(e) {
if (e.currentTarget.scrollTop === 0) {
e.currentTarget.scrollTop = 1;
} else if (e.currentTarget.scrollHeight === e.currentTarget.scrollTop + e.currentTarget.offsetHeight) {
e.currentTarget.scrollTop -= 1;
}
});
//prevents preventDefault from being called on document if it sees a scrollable div
$('body').on('touchmove','.scrollable',function(e) {
e.stopPropagation();
});
На счет svg. Формат неоднознчный. За 20 с лишним лет наплодил много диалектов. Например, сравните svg от inkscape и svg от corel draw и svg от adobe illustrator. Они разные и рендерятся просмотрщиками картинок по-разному. А некоторые svg спокойно могут повесить всю систему пустив процесс чтения в бесконечный цикл. Вот как браузер должен это хозяйство рендерить?
svg - формат сложный.