[Hỏi đáp] Hiệu ứng

  Bài viết hay nhất1
Tình hình là em có làm theo cái bài viết này : https://devs.forumvi.com/t1447-hoi-ap-cach-lam-hinh-mui-neo-truoc-the-h3-trong-topic-giong-devs#9791
Em đã chế thêm vài code cho nó rực rỡ nhưng em muốn là khi ấn cái mỏ neo , màn hình sẽ cuộn xuống phần của nó .
Demo :

This is Demo

Em ấn vào cái mỏ neo nó sẽ trượt xuống và hiện cái phần của

This is Demo

Forum link : http://forumchemgio123.123.st/
Nick test : duatthoi
Duat2005
Em xin hết .
  Bài viết hay nhất2
Rất tiếc về phần đó là code riêng của Devs ko share đâu
Xin chia buồn!
  Bài viết hay nhất3

hoang02hp wrote:Rất tiếc về phần đó là code riêng của Devs ko share đâu
Xin chia buồn!
Ở dưới anh Markai có share mà a?
  Bài viết hay nhất4

moncute wrote:
hoang02hp wrote:Rất tiếc về phần đó là code riêng của Devs ko share đâu
Xin chia buồn!
Ở dưới anh Markai có share mà a?
Ở đâu cơ
  Bài viết hay nhất5
- Chưa đủ 1 ngày chưa được up đâu bạn
- Cái đó phải dùng Javascript mà admin chưa share đâu bạn.
  Bài viết hay nhất6
mình có thể nói đơn giản thế này:
Code:
$(selector).bind('click', function () {
   var buttonElem = $(this);
   $("body").animate({
      scrollTop: (buttonElem.offset()['top'] - 100) + 'px'
   });
})
thay "selector" là một đoạn mã để trỏ tới phần tử bạn cần là được.
  Bài viết hay nhất7

lamhieu wrote:mình có thể nói đơn giản thế này:
Code:
$(selector).bind('click', function () {
   var buttonElem = $(this);
   $("body").animate({
      scrollTop: (buttonElem.offset()['top'] - 100) + 'px'
   });
})
thay "selector" là một đoạn mã để trỏ tới phần tử bạn cần là được.
Ý bạn ấy là sẽ có một cái khung tự động nhận dạng các BBCode H{NUMBER}, bấm vào thì sẽ tự chạy không phải click cái nào chạy cái đó đâu bạn
  Bài viết hay nhất8

KTV2 wrote:
lamhieu wrote:mình có thể nói đơn giản thế này:
Code:
$(selector).bind('click', function () {
 var buttonElem = $(this);
 $("body").animate({
 scrollTop: (buttonElem.offset()['top'] - 100) + 'px'
 });
})
thay "selector" là một đoạn mã để trỏ tới phần tử bạn cần là được.
Ý bạn ấy là sẽ có một cái khung tự động nhận dạng các BBCode H{NUMBER}, bấm vào thì sẽ tự chạy không phải click cái nào chạy cái đó đâu bạn
mình không vào demo được, bạn nói rõ hơn đi.
  Bài viết hay nhất9
VD; Ta có 1 phần tử cố định {như h3;h4;h2} , bên trong có nội dung blabla , làm thế nào để ấn phần tử cố định , nó sẽ trượt tới cái phần đầu của nội dung í !
Thanks
  Bài viết hay nhất10

trandangduat wrote:VD; Ta có 1 phần tử cố định {như h3;h4;h2} , bên trong có nội dung blabla , làm thế nào để ấn phần tử cố định , nó sẽ trượt tới cái phần đầu của nội dung í !
Thanks
Code:
var buttonElem = $('...'); // phần tử cố định.
var mainElem = $('...'); // phần nội dung.
buttonElem.bind('click', function () {
 $("body").animate({
    scrollTop: (mainElem.offset()['top'] - 100) + 'px'
 });
});
  Bài viết hay nhất11

Code:
var buttonElem = $('h3'); // phần tử cố định.
var mainElem = $('cái này điền gì bây h'); // phần nội dung.
buttonElem.bind('click', function () {
 $("body").animate({
    scrollTop: (mainElem.offset()['top'] - 100) + 'px'
 });
});
  Bài viết hay nhất12

trandangduat wrote:
Code:
var buttonElem = $('h3'); // phần tử cố định.
var mainElem = $('cái này điền gì bây h'); // phần nội dung.
buttonElem.bind('click', function () {
 $("body").animate({
    scrollTop: (mainElem.offset()['top'] - 100) + 'px'
 });
});
phần mainElem bạn trỏ tới phần tử bạn cần chuyển tới, hoặc là h3 hoặc là phần tử con của h3 hay tùy ý điều được.
  Bài viết hay nhất13
Bạn lấy ví dụ đi mình đã làm nhưng ko được
  Bài viết hay nhất14

trandangduat wrote:Bạn lấy ví dụ đi mình đã làm nhưng ko được

Mã HTML:
Code:
<div id='button'>Click here</div>
<div id='box'>Content</div>

Mã jQuery:
Code:
var buttonElem = $('#button'); // phần tử cố định.
var mainElem = $('#box'); // phần nội dung.
buttonElem.bind('click', function () {
 $("body").animate({
    scrollTop: (mainElem.offset()['top'] - 100) + 'px'
 });
});

Giải thích:
khi bạn nhấn vào chữ "Click here" thì hiệu ứng đưa bạn tới chỗ nội dung của cái chỗ có chữ "Content".
  Bài viết hay nhất15
Cái ý thì mình biết lâu rồi nhưng ý mình là cái thẻ class nào là phần nội dung của h3;h4 cơ
  Bài viết hay nhất16

trandangduat wrote:Cái ý thì mình biết lâu rồi nhưng ý mình là cái thẻ class nào là phần nội dung của h3;h4 cơ
các đó thì bạn biết chứ sao hỏi mình, mình không có demo sao mà mò :D
  Bài viết hay nhất17
Thôi , thank bạn , mình làm đc ròi
Vào thăm forum và register nhé :
  Bài viết hay nhất18
You cannot reply to topics in this forum