동적으로 skrollr 업데이트

Question

skrollr의 절대 위치 값을 동적으로 업데이트하는 방법을 찾고 있습니다. body 태그는 부모 요소이며 페이지의 전체 길이를 확장하므로 상대 위치 지정은 문제가되지 않습니다. 문제의 대상은 body 태그 내부의 고정 된 위치에 있습니다.

1) 전체 플러그인을 다시 인스턴스 할 필요없이 요소의 절대 값을 동적으로 업데이트하는 방법이 있습니까? 예를 들어 "data-8000-start"를 "data-9000-start"로 변경합니다. jQuery를 사용하여이를 업데이트하는 것은 약간 부적절한 것 같습니다.

2) 상수를 사용하면 거의 저처럼 느껴지지만, 언급했듯이 플러그인을 다시 인스턴스화해야합니다. 이 같은 상수를 새로 고침 메서드에 전달하는 방법이 있습니까?

Answer 1

@Prinzhorn에게 감사의 말씀을 전합니다. 정말 멋진 작품이고 거대한 자산이었습니다. 전에 이런 종류의 맞춤 솔루션을 만들었지 만, 실제로이 기능을 쉽게 사용할 수 있습니다.

현재 Skrollr로 데이터 속성을 동적으로 업데이트하는 방법이 지원되지 않습니다. 그러나 comment above에 명시된 바와 같이 요청이 있습니다. 그러나 나는 함께 비효율적 인 것을 해킹 할 수 있었다. 가능한 한 최소한으로 사용되도록 크기 조정시에만이 작업을 수행했습니다.

1. JS를 사용하여 요소에서 모든 속성을 제거했습니다. 이것은 끔찍한 inneficeint로 보이지만, 데이터 속성을 제거하도록 한 모든 시도는 전혀 잘 작동하지 않았습니다.
2. 필자는 제거 된 필수 속성을 다시 추가했습니다. 그런 다음 내 동적 값을 변경하고 새 데이터 속성을 적용했습니다.
3. 마지막으로 Skrollr에 새로 고침을 호출하고 업데이트 한 요소에만 적용했습니다. 이를 통해 필요한 부품 만 업데이트되도록했습니다.