JS StickyContent - not fixed after reload - Material Design for Bootstrap

Topic: JS StickyContent - not fixed after reload

Volodymyr Yatsynych pro asked 8 years ago

Hello, Create sticky

$(".sticky").sticky({
	topSpacing: 118,
	zIndex: 2,
	stopper: "bottom"
});

Scroll page. Reload page. Sticky element no fixed on position until not scroll page. If hack use auto scroll +/- 1px;

var $htmlPos = $('html').scrollTop();
$('html').scrollTop($htmlPos + 1);
$('html').scrollTop($htmlPos);

What a good solution to this?

Add comment

Adrian Sawicki answered 8 years ago

0 0 Best answer

Hi Volodymyr Yatsynych, Could you explain more precisely what effect would you like to attain? If I correctly understand you, you would like to have position: fixed all the time. You can get such effect by doing it this way:

$(function() {
    $(".test").sticky({
        topSpacing: 0,
        zIndex: 2,
        stopper: "bottom"
    });
}
});

and add class to your sticky content for example:

<div class="sticky position">
    <h2>Sticky Element</h2>
...
</div>

.position {
	position: fixed;
	top: 118px;
}

Regards, Adrian

Add comment

Write

Create snippet

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue

User: Pro
Premium support: No
Technology: General Bootstrap questions
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

Volodymyr Yatsynych

Pro User

30Support score
6Questions 4Answers

0Snippets likes 0Snippets