Элемент с горизонатальной прокруткой содержимого в балуне (галлерея с фото)
Имеем примерной такой код добавления метки с кастомным балуном на карту:
const org = {
name: 'Автосервис на Набережной',
about: '<div class="org_about"><div class="gallery"><img src="1.jpg" /><img src="2.jpg" /><img src="3.jpg" /><div>...</div>',
color: 'islands#blueCircleDotIcon'
}
const CompanyBalloonLayout = ymaps.templateLayoutFactory.createClass(
'<div class="fg-ymap-balloon">html code</div>',
{
// all the methods
}
)
const options = {
balloonLayout: CompanyBalloonLayout,
balloonContentLayout: ymaps.templateLayoutFactory.createClass( org.about ),
balloonInteractivityModel: 'default#layer',
preset: org.color
};
let squarePlacemark = new ymaps.Placemark(
coords, {
hintContent: org.name,
balloonContentHeader: org.name,
}, options
);
Вот так выглядит балун:
Как видите, в балуне есть элемент с картинками в горизонтальном ряду. В нормальных условиях, чтобы просмотреть картинки, нужно прокручивать содержимое элемента по горизонтали. Но с опцией balloonInteractivityModel: 'default#layer'
карта забирает событие прокрутки и вместо прокручивания картинок перемещается карта. Возможно ли сделать часть балуна не передающей события на карту? Поскольку также нужно оставить, чтобы остальной балун, кроме части с картинками, позволял себя "хватать" и прокручивать карту.
