Всем привет.
программистом не являюсь, работая над одним магазином стала задача которую не хватает знаний решить!
собственно сайт (страница для примера): http://ohimo.myinsales.ru/collection/Muzhskaya-obuv
в общем что нужно:
чтобы сайдбар при скролле страницы "плавал за пользователем" при условии что сайдбар (.sidebar) меньше контентной (.content) области, и плавал в пределах высоты контентной части - это я сделал полностью
что не могу сделать:
сейчас сайдбар следует за пользователем выравниваясь по верхнему краю окна и тут возникает проблема: если сайдбар больше чем высота экрана пользователя ($('.sidebar').height() > $(window).height()) то нижняя часть сайдбара обрезается что не есть хорошо т.к. не видны параметры сортировки.
потому задача:
при условии что сайдбар больше чем высота экрана пользователя
в этой ситуации если пользователь скроллит вниз(колесиком мышки, стрелками или ползумком окна) сайдбар остается не подвижным пока не будет достугнт нижний край сайдбара и при этом сайдбар начинает выравниваться по низу окна при дальшейше скролле вниз страницы а верх сайдбара соответственно уходит за верхний край экран, при скролле в верх сайдбар остается не подвижным до тех пор пока юзер не доскролит до самой верхней точки сайдбара при этом сайдбар начинает выравниваться по верху.
сейчас частично этот функционал работает, но не работает выравнивание по верху с указанного задания выше..
если сайдбар меньше чем высота экрана выравнивать только по верху окна (как сейчас).
Как-то так, надеюсь понятно объяснил.
помогите решить задачу, для программиста это как два пальца.. а у меня не получается...
отблагодарю 100% (вебмани, приватбанк)
назовите цену.
Социальные закладки