We moved to new unified forum!

Please post all new support queries in our New Forum.

T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (2)

Resolved Progressive sidebar for Joomla site using Purity 3 template

0
Votes
Undo
  1. Madhusudhan
    Madhusudhan
  2. General Discussion
  3. Thursday, 16 July 2015
  4.  Subscribe via email
I am not a web developer and am just learning my way around. I have created my own site http://www.mssrikkanth.com using Joomla and I have created a progressive sidebar for my articles following the instructions here : https://www.joomlart.com/tutorials/joomla-tutorials/tutorial-how-to-add-progressive-sidebar-navigation-in-joomla-article

You can check it out here : http://www.mssrikkanth.com/index.php/c/c-11-14-new-features/for-everyone/3-auto-type-declaration-swiss-army-knife

It works but the problem is the releasing of the affix when the user scrolls down to the bottom of the page. I need the sidebar to release the affix once the 'Add comments' section is reached. When I click on 'Add comment' the sidebar scrolls past the comments section.

My css for the sidebar can be found here: http://pastebin.com/qaNsxH8b

The javascript can be found here: http://pastebin.com/8yx7dyb7

I have tried steps like getting the offset height for the div tag corresponding to the comments and setting that as the affix release but it doesn't work. Can someone please help me with this?

Thanks.
Comment
There are no comments made yet.
Responses (2)
Gardner Luna
Gardner Luna
Hole-in-One The Voice
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

The toolbar looks good, great work. The sidebar is top fixed, it's really complicated to release it once the 'Add comments' section is reached. I suggest to display the Comment in the main content so it does not affect the sidebar.
For the issue in device that has width less than 990 pixels, I am not sure I got your point, please give us more details.

Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Madhusudhan
Madhusudhan
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Gardner Luna,

Thanks for your reply. I am trying to understand why it is difficult to do this. Please bare with me as I have zero experience with web development and I am just starting out with Joomla.

I tried something like this in my java script based on what i read here: http://www.bluthemes.com/blog/7/dynamic-bootstrap-affix-fix

http://pastebin.com/xv4A5fKJ

Lines 10-31 are what I added.

This still scrolls past the comment section though I have specified that affix should be changed to affix-bottom when the sidebar hits the outerheight of the element corresponding to comments. Why doesn't this or anything else work?

Please ignore my comment in the previous post related to devices whose width is less than 990px. That was just an information. It is not related to this issue.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.